Frontend client built in React that consumes my Courses REST API
This frontend app consumes a REST api I built. The app is a learning site called "DIY Courses" and represents a simple community driven learning site where users can register to teach and learn. The project shows off my frontend development skills through custom styling and React component design.
Users should be able to:
- Browse public courses
- Register and sign in
- Write, edit and delete their courses
- Solution Code: This repo, check out the code!
This project started as the final challenge in my coding bootcamp earlier this year. I came back to it recently to restyle it and make it feel modern and fun. I've been using a lot of SCSS lately and felt like refreshing the astetics would help. I soaked up some inspiration from Dribbble.com and dove right in. I'm fairly happy with the outcome.
- React
- Semantic HTML5
- Mobile-first approach
- Styled from scratch with SCSS mixins and partials for oragnized, reuseable styles
This project strengthened my understanding of React's Context API, user authentication, protected routes, error handling and the React app lifecycle.
The most technical challenges came with user authentication and setting up global context. I was able to implement this in a way that feels reliable and secure and I'm happy with the results.
Here are a few helpful documents that I leaned on while building out this app
- Be sure to follow me on Github!
- Connect with me on LinkedIn - Michael Carr
- Twitter - @xyeres
Background vector created by Harryarts - www.freepik.com