Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/serifcolakel/todo-app


https://github.com/serifcolakel/todo-app

Last synced: 6 days ago
JSON representation

Awesome Lists containing this project

README

        





Logo

Table of Contents



  1. About The Project



  2. Getting Started


  3. Usage

  4. Roadmap

  5. Contributing

  6. Contact




## About The Project

In this project, I developed the TODO application, which is one of the projects for developers at the introductory stage, by applying the design examples I obtained from the internet. Apart from the good experience I had, it offered the opportunity to apply the back-end methods I learned.

Image of Project



  1. Home Page





  2. Home Page Responsive





  3. Login Page





  4. Login Page Responsive





  5. Register Page




  6. Register Page Responsive




    Logo




    Register Page




    Logo




    Todo Page Responsive




    Logo



### Built With

In this section, the technologies used in the construction of the project are included.

- [Next.js](https://nextjs.org/)
- [SASS](https://sass-lang.com/)
- [MongoDB](https://www.mongodb.com/)
- [Heroku](https://www.heroku.com/home)
- [Vercel](https://vercel.com/)

## Getting Started

In this section, the steps for the cloning of the project and the improvements to be made by you are shown.

### Prerequisites

By following the steps below, your project can be run after the local installation.

- npm
```sh
npm install npm@latest -g
```

### Installation

_Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services._

1. Clone the repo
```sh
git clone https://github.com/serifcolakel/todo-App.git
```
2. Install NPM packages
```sh
npm install
```
3. Enter your API in `.env`
```.env
NEXT_PUBLIC_API_URL="ENTER YOUR API"
```
4. Run the app
```sh
npm run dev
```



Logo

## Usage

In this section, you can access the documentation of the libraries used during the creation of the project.

_For more examples, please refer to the [MongoDB Documentation](https://docs.mongodb.com/), [Next.js Documentation](https://nextjs.org/), [SASS Documentation](https://sass-lang.com/documentation)._

## Roadmap

- [x] Added authentication
- [x] Added Home page design (with username/email verification)
- [x] Added Register page design (with username/email verification)
- [x] Added Login page design (with username/email verification)
- [x] Added todo list management
- [ ] Add user profile
- [ ] Add user settings
- [ ] Add user notifications

See the [open issues](https://github.com/serifcolakel/todo-App/issues) for a full list of proposed features (and known issues).

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!

## Contact



Email


LinkedIn


Instagram

Project Link: [https://github.com/serifcolakel/todo-App](https://github.com/serifcolakel/todo-App)



Logo