Author: Jordan Fortin
School: Full-Sail
Project: WDV229 Project: Interface
Email: JMFortin@student.fullsail.edu
GitHub: https://github.com/Hazey8709
FaceBook: https://www.facebook.com/profile.php?id=100077721983756
YouTube: https://www.youtube.com/channel/UC7fWlqdyFBA1FwEVhtDMcuA
LinkedIn: https://www.linkedin.com/in/jordan-f-97980725b/
Project Showcase Link: https://youtu.be/RqlB9D_81E8
Main: Final Project
Dev: Development
MileStone2: Mile Stone #2
MileStone3: Mile Stone #3
Recharts: https://recharts.org/en-US
(DashBoard Maps).
Random User Generator: https://randomuser.me/
(User Profile).
React Icons: https://react-icons.github.io/react-icons/
React Router: https://reactrouter.com/en/main
NPM uuidV4: https://www.npmjs.com/package/uuidv4
React Map-gl: https://visgl.github.io/react-map-gl/docs/get-started/get-started
Mapbox-gl: https://www.mapbox.com/
Using: React, React-Router, React-Router-Dom, NPM, Express, Axios, nodemon.
My Final Project is Interface. Interface is a user interface where you can keep notes,
look things in the 3D/2D map and Has a User Profile. We will be using Recharts API, Mapbox-gl API,
Faker.js API.
Figma Prototype Link: https://www.figma.com/file/4fOe2WpMTxNBy4A75khv6e/Remake?node-id=0%3A1&t=N8Mi84sgoASyCcAQ-1
Details:
In milestone 1 I built a working prototype in Figma. The prototype will show the design and basic layout of the project.
The table of contents in figma will roughly explain the project and what or who it's for. The figma link can be viewed by any
one with the link from above.
Details:
In milestone 2 I will be completing the basic layout using React.js for the frontend. React-Router will be installed and working,
I'm using the router to change pages from navigation component. The pages won't be fully done but we will be able to change pages
to see the project and have a basic layout. Links will be functional in Quick-Links box below navigation. The Quick Links box will
have various links to my projects or sites.
🌵 Challenges: Getting mapbox up and running as expected has been giving me an issue. Working on it and might change to a
react map library instead. Depending how it goes i'll make a decision.
🏆 Accomplishments: For the most part everything seems to be going smoothly & mostly everything is laid out.
- Name: Dashboard
- Purpose: The purpose of the dashboard is to display 2 charts with a variety of information.
- Name: Todo-List
- Purpose: Todo list page will serve as note keeping like a basic todo list add/delete.
- Name: Mapbox
- Purpose: This will display a interactive map
- Name: Roller Dex
- Purpose: *This Will be A Phone Book, Contacts. *
- Name: Profile
- Purpose: Profile page will display a variety of user information.
🌵 Challenges: Challenges were getting Mapbox & TodoList to work accordingly.
🏆 Accomplishments: Getting them to work before deadline lol.
Recharts: https://recharts.org/en-US
(DashBoard Maps).
Random User Generator: https://randomuser.me/
(User Profile).
React Icons: https://react-icons.github.io/react-icons/
React Router: https://reactrouter.com/en/main
NPM uuidV4: https://www.npmjs.com/package/uuidv4
React Map-gl: https://visgl.github.io/react-map-gl/docs/get-started/get-started
Mapbox-gl: https://www.mapbox.com/
The Todo List & Roller Dex uses local Storage for persistent data/ saving it. I chose it because it doesn't
really need alot of data to use. It's something that will be used here and there so Local storage wins.
⚙️ Overview - Write overview here.
🌵 Challenges - Write challenges here.
🏆 Accomplishments - Write Accomplishments here.
🔮 Next Steps - Write your next steps here.
Please discuss the following:
- Discuss any changes or updates that you have made to your site since Milestone #3.
- Discuss the process you used to style your page.
- Once it is created, put the link to your overview video of your site here.