/weekly-planner-compass

Second chalenge from traineeship program of Compass UOL

Primary LanguageJavaScriptMIT LicenseMIT

weekly-planer-compass

Second chalenge from traineeship program of Compass UOL

🔑 Mandatory requirements

  • You need to use the api to store the users
  • In the api you have all the content that you have to send in your request to the backend
  • You need to respect the specified colors.
  • Remember to make small commits within your develop.

🔑  Additional Functionality (NOT MANDATORY)

  • If you wish, you can make the screen responsive, but at this moment is not mandatory.
  • You can use Sass, CSS pure, Less, styled-componets and css-module.

FIGMAFIGMA LINK:

https://www.figma.com/file/bFCO644LzxRZTqyGSLcgzI/Weekly-Planner?node-id=0%3A1

💻 Development setup

Git clone.

git clone https://github.com/RebecaBaruch/Survey_Form.git

Install all development dependencies and how to run.

npm install
npm run dev

🛠️ Features

Register + validation

register

Login + validation

login

Planner

planner

Logout

logOut

🤯 Issues

UI divergence

I forgot to change the color for same time tasks and the circle to the horizontal trace image

I could't put the scroll bar on the top part. image

I need to fix this in the future.

🚀 Technologies

  • HTML3
  • Styled components
  • JavaScript
  • React JS
  • CSS

📚 🛠️ Libraries and APIs

Swagger API
WeatherAPI
Toastify

npm install --save react-toastify

SweetAlert for React

npm install @sweetalert/with-react