ArtBook

This was my final class project at IFOCOP for my Full Stack JavaScript qualification (equivalent to a Bachelor's Degree in the EQF). It is a social network web and mobile web application where users can share images of art they like. It was inspired by Instagram.

WHERE

Ifocop logo

STACK

  • React
  • MongoDB
  • Tailwind CSS
  • Express
  • Node
  • Digital Ocean

Project Purpose and Goal

We needed to have a user be able to sign up, sign in, create a profile and publish, edit and delete posts. We also needed to have an admin profile who could do all the above to any account. We needed the user to be authenticated and authorised using JWT web tokens.

Webstack and explanation

The back-end is in Node, Express and MongoDB in a MVC structure. The front-end is in React with Hooks and Axios to connect to the API. I used Tailwind CSS for styling.

Lessons Learned

I really honed my React skills in this project. In particular for using hooks. I used the useState hook and the useEffect hook in nearly every component. I was able to learn authentication with JWT web tokens and how to store them in local storage. It also helped me to understand better using Axios to connect to an API and observe the request response cycle in the terminal. I also was able to improve my skills in using Tailwind, responsive web development and Git version control.

Other Projects