lebanon-wbc-capstones / e-track-web Goto Github PK

The form to add a new Intrest tracker

Our project part from the about page, its the top section of the page, this goes under Pages then AboutPage and then OurProject folder which under it you should have OurProject.js

On the tracker's page, we have the list of trackers, design the item of the tracker to be used later in the trackers list

Deadline: Tuesday the 2nd of March

Edit the mood page to show something as "Coming soon" or shi

create button components that receive a prop called onChange and text, the button should be similar to the design so we can add it everywhere we need to without having to style it over

Collect all components for the about page and build the big about page together

add all component of the page together into one big page, place it in the pages folder

the progress bar
takes max value, value, color and size

Inside Pages create a new folder HomePage or LandingPage and create a new folder YourJournal and inside it YourJournal.js

Desing the team member card component, this should go under components and under Card create another folder called TeamMemberCard then TeamMember.js and put your code there, it should receive an object with the member image, name and title

add react-router to this project and set the routes for the main pages with the pages files, if the page file doesn't exist now create a page folder inside the pages folder and then put the page JS file in there with just a text so you can add it to the router

Deadline: 28-Febraury

the floating button
only takes one prop => onClick

Do all the components in Dashboard one by one in separate components folders,
So inside the components folder, you can have TodoList which is a component and inside it your TodoItem and another folder for the Progress component and so on...
Note: you are making the dashboard components, not the dashboard page, you will end up only having components and later putting them together on the dashboard page.
add dummy data for now

desing the colored cards for each collection, the card may receive props like color and the information object too

install tailwindcss in the project, search on how to configure it maybe visit this link
https://tailwindcss.com/docs/configuration
set up the primary and secondary colors, border-radius, background colors, and anything you see necessary to be a base for everyone to use

Deadline: Tuesday the 2nd of March

Inside Pages create a new folder HomePage or LandingPage and create a new folder Aboud and inside it About.js

Design the Navbar with selected items being green without text, try to add some animation it will make it nicer
inside Components folder add Navbar and inside it Navbar.js and place your code there, icons can be in the same folder too or just search in google for where to put assets in react app

Bring all components of the home page together and create the home page as one big page

Inside Pages create a new folder HomePage or LandingPage and create a new folder Elements and inside it Elements.js

Search the web for a react calendar library to show the events in colors and serve our needs in this project

Deadline: Sunday 28 of Febraury

add all content in English and Arabic to the translation.json in public files
try to arrange them in objects with the name of each page

Deadline: 30 February
This is a modal

Inside Pages create a new folder HomePage or LandingPage and create a new folder Header and inside it Header.js

Design the footer component
inside components create a new folder Footer and then Footer.js

build the contact us form from Figma, its should be under components and receive a onSubmit prop

in collections page we have my collections list, design the item component for that list