Make a thing!
- Fork and clone this repo
- Set the name of your project in
package.json
. The skeleton intentionally ships with an invalid name. npm install
- Start the build process with:
npm run build-watch
- In another terminal, start your app with
npm start
- If you navigate to the URL you should see some UI already :) [We already have some connection code to get you started]
You are the CTO of the Margaret Hamilton Interplanetary Academy of JavaScript. Create a RESTful web platform that allows you to manage your students and campuses.
Use at least
sequelize, express, react, and redux
when creating this app. You can incorporate any additional libraries or tools you wish.
-
Students
- have profile info (e.g. name and email) √
- must be assigned to a campus (campus is now built... need to add relationship) √
-
Campuses
- have info such as a name and image √
- can have many students assigned (may have none) √
-
Navigation: as a user I...
- will land on Home by default
- can navigate to Campuses from Home
- can navigate to Students from Home
- can navigate to view a Single Campus from Campuses
- can navigate to view a Single Student from Students
- can navigate to view a Single Student from Campuses (for any student at that campus)
- can navigate to view that student's Single Campus from Single Student
-
Views: as a user I...
- see a list of all campuses on the Campuses view | express:√ sequelize: √ react: √
- see a list of all students on the Students view | express:√ sequelize: √ react: √
- see details about a campus on the Single Campus view, including that campus's students | express:√ sequelize: √ react:
- see details about a student on the Single Student view, including that student's campus | express:√ sequelize: √ react:
-
Actions: as a user I...
- can create a campus √
- can edit a campus's info, including adding/removing a student to/from that campus
- can delete a campus √ but the rendering is having issues - can't figure it out
- can create a student
- can edit a student's info, including the campus that student is assigned to
- can delete a student
GET
- all campuses - √
- a campus by id - √
- all students - √
- a student by id - √
POST
- new campus - √
- new student - √
PUT
- updated student info for one student - √
- updated campus info for one campus - √
DELETE
- a campus - √
- a student - √
- Code modularity/readability (25%)
- Models (25%)
- Routes (25%)
- Frontend logic and functionality (25%)
- Design + Bonus features (up to 10 Extra Credit points)