lucasalberto01/power-todo-expo

Simple front end using expo to create a web and native application, it was made thinking about a TODO app with a backend made in python. It can be accessed either through the expo go or through the browser

Power TODO expo

Welcome to Awesome Todo List App! This is a simple and intuitive to-do list application built with React Native and Django, utilizing Expo to support both web and mobile platforms.

Live

Front-web https://power-todo.vercel.app/

API https://power-todo.herokuapp.com/api

App android

Use Expo Go

App ios

Use Expo Go

Features

• Add, edit, and delete tasks
• Mark tasks as completed
• Easy-to-use user interface

Technologies Used

• React Native (https://github.com/facebook/react-native)
• Expo (https://github.com/expo/expo)
• Axios (https://github.com/axios/axios)
• Yup (https://github.com/jquense/yup)
• React-hook-form (https://github.com/react-hook-form/react-hook-form)

Installation

Before getting started, make sure you have the following prerequisites:

• Node.js (https://nodejs.org)
• Expo CLI (https://expo.dev)

Backend repository

https://github.com/lucasalberto01/power-todo-api

Frontend Setup

1. Install the Node.js dependencies:

   yarn install
   

2. Start the Expo development server:

   npm start
   

3. Follow the instructions from the Expo CLI to run the app on your desired platform (web, iOS, or Android).

Build frontend

1. Run build command:

   yarn build:web
   

2. Deploy to vercel:

   vercel:deploy
   

   Preview Local (option)

   npx serve web-build
   

Configuration

The application uses environment variables for configuration. Create a .env file in the frontend directory and add the following variables:

API_URL=<http://localhost:8000/>

Contributing

Contributions are welcome! If you find any issues or want to contribute enhancements, please feel free to submit a pull request.

License

This project is licensed under the MIT License.

Acknowledgments

• React Native community for their amazing work
• Django community for the powerful web framework
• Expo for simplifying the development workflow