This is a mobile-first approach app. When it is finished, you will be able to create your own account and add the birthdays of your family and friends, so you don't forget any of them again!
The app will have a calendar view and a detail view so you can edit the data of each birthday and add notes. There will also be a birthday reminder service from the backend. Enjoy it! 🥳
-
Create react.js project structure :)
-
Logo, icons, fonts, palette
-
Generate favicon
-
Integrate styled-components and create custom theme
-
Header that hides on scroll down
-
Button component (I recreated the material design ripple effect with some help from this post)
-
Dropdown component
-
[wip] Create theme for styled components Revisar font-weight de link y button, y tambien las font-sizes, colores, etc
-
Uso de memo
-
Integrate Redux or React Context API - https://dev.to/rohanfaiyazkhan/sharing-more-with-react-s-context-api-e52
-
Routes: login/register and app (react-router-dom)
-
Login and register services
-
Calendar component
-
Modal component
-
'We have placed cookies on your computer to help make this website better' ...
-
About us page
-
Review prop-types and defaultProps
-
Tests
-
Create react native project structure!
You need to have installed Node.js, and then:
$ git clone https://github.com/leireriel/confetti-app.git$ npm install$ npm start+ openhttp://localhost:3000/
...
The backend of this app is being provided by my partner Marrarichy Da Silva. We have planned together the API contract and the features of the app.
This is the first time for me that I create an app with the whole authentication process, including register, login, forget password, different routes and services to change birthday data in calendar, account settings, delete account, etc.
Just as my app is going to have many features, I am also planning a complete frontend development, including tests. It will be my first time integrating tests in a large development.
Also I am doing this work in collaboration with my partner Marrarichy, which requieres of precise teamwork.
...
To generate a production ready version on docs folder:
- Add
"homepage": "./"inpackage.json - Make sure there are only
httpsin your project (replace all references to http with https) $ npm run build+$ mv build docs
Now you can upload your public folder to GitHub Pages or similar :)
- Our chicken icon is originally a free icon by stockio.com then edited by me
- Favicon generated on realfavicongenerator.net
- Palette from coolors.co
All suggestions are welcome, please open an issue 💜