Skip to content

CarlsJr4/ridesaver

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

124 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Carpool Manager Preview

Minimum Viable Product: Ridesaver

See custom React hooks
See reducer logic for the React Context API
See main React components

This app was designed for college students who run on-campus organizations and host social events. To simplify the hassle of micromanaging drivers and passengers, I developed a drag-and-drop interface with CRUD functionalities. This repository holds all the front-end logic. This app is a large project, and many more features are planned or in-progress.

Users can add, edit, and delete driver information using clickable buttons on-screen. Quick edits can be made by clicking the names of drivers and passengers. Passengers can be moved by dragging and dropping them.

  • Designed, developed, and deployed the entire app using React.js and SCSS
  • Managed shared state across several components by using the React Context API
  • Developed several reusable components by using custom hooks and props
  • Designed drag and drop features by working with the React-Beautiful-DnD API
  • Configured environment variables for development and production using the dotenv package

About

The frontend of a drag-and-drop MERN stack application designed to help organize carpooling for large events.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors