Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kainnhantumbo/planner-app

Planner application made with React.js, Sass and Styled Components
https://github.com/kainnhantumbo/planner-app

react react-18 react-icons sass styled-components

Last synced: 6 days ago
JSON representation

Planner application made with React.js, Sass and Styled Components

Host: GitHub
URL: https://github.com/kainnhantumbo/planner-app
Owner: KainNhantumbo
License: mit
Created: 2022-04-04T08:55:26.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2024-07-31T18:22:20.000Z (4 months ago)
Last Synced: 2024-07-31T22:32:28.639Z (4 months ago)
Topics: react, react-18, react-icons, sass, styled-components
Language: JavaScript
Homepage:
Size: 1.5 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Nava Planner App
This is a bookmark web application developed with React.JS that allows users to create accounts and start to store contacts and tasks. It is now on final stage of the client and api development, so the first stable and deployed version is coming soon.

### Here are some screenshots
![](/src/assets/captures/capture00.jpeg)
![](/src/assets/captures/capture01.jpeg)
![](/src/assets/captures/capture02.jpeg)
![](/src/assets/captures/capture03.jpeg)
![](/src/assets/captures/capture04.jpeg)
## Features
- Light and dark modes (preferences saved on localstorage).
- Creating accounts and store user data.
- Data is stored on mongo database.
- All application data flow is based on http calls with the api.

## Scripts for testing
Make sure you have installed **Node.js (v16.14.0 or later recommended) and also comes with npm**.\
In the project directory, you can run in terminal:

```bash
npm run dev
```
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.

```bash
npm run build
```

Builds the app for production to the **build folder**.\
It correctly bundles React in production mode and optimizes the build for the best performance.

## Contact
E-mail: [[email protected]]([email protected] 'Send an email')\
Github: [https://github.com/KainNhantumbo](https://github.com/KainNhantumbo 'See my github profile')
Portifolio: [https://portifolio-dev-kainnhantumbo.vercel.app](https://portifolio-dev-kainnhantumbo.vercel.app 'See my github profile')

### If you like this project, please consider leaving a star on this repository so I can continue improving this app.
### With kindest regards, Kain Nhantumbo from Mozambique.