Marta Train Interface - Encouraging Public Transportation
![Screenshot 2024-03-11 at 7 09 14 PM](https://private-user-images.githubusercontent.com/114116509/311890304-fc1df8d4-57a5-4c0a-bf62-7a7fd17032d1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0MzMxNTAsIm5iZiI6MTczOTQzMjg1MCwicGF0aCI6Ii8xMTQxMTY1MDkvMzExODkwMzA0LWZjMWRmOGQ0LTU3YTUtNGMwYS1iZjYyLTdhN2ZkMTcwMzJkMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxM1QwNzQ3MzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04YWJjYWYwNDllMGU5MzE2ZWYzZTNiMDc0OTI2YTAwODlkY2EwZjZhZGZjZmZkZWEwOGEzODNlOTNmM2E1M2QzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.5k_Ok3a4KyaVXaGCgztmuarVRPsXmDKQu_hbP6DNdxs)
marta-interface.mov
In this project, I created a frontend that graphically displays train information with filtering options. I used hooks, props, routing, conditional rendering, and state management in this Marta Interface!
- Fork this repository, set the owner to BoG-Dev-Bootcamp-S24, and name it
project1-s24-yourname
- Clone the repository onto your local computer
- Navigate to your new project folder and run:
npx create-react-app marta-interface
- Create a
pages
andcomponents
directories in thesrc
directory - Run
npm start
to start your web app - Remember, you can ignore all the template files in src except
App.js
andApp.css
=======