This is the frontend repository for odinbook - a social media website created as part of The Odin Project NodeJS course. This repository contains all the client-side code for odinbook, with information on the features and technologies used. For a general overview of odinbook, or detailed information on the backend, please visit the following links:
Visit the backend repository »
Visit the parent repository »
The odinbook frontend is an ReactJS single page application that interfaces with odinbook backend API to provide a polished social media website. This frontend application is served by the odinbook backend, hosted on AWS. The entire frontend design has been done with Tailwind CSS, and is inspired by the likes of Facebook and LinkedIn.
- Clean, complete design: every feature of the frontend has been designed with consistency and good user experience in mind. This includes graceful error handling, unobstrusive notifications, and custom skeleton loaders. This all comes fully resopnsive as well.
- Focus on accessiblity: the entire frontend has been reviewed to maximise accessibility, including AI generated alt-text for user-uploaded images, custom keyboard navigation for menus, and visually appropriate UI/UX design.
- Test-driven development: using the Jest testing framework, there is considerable code coverage with tests, and the application was developed with test-driven development principles as much as possible.
At it's core, the odinbook backend is a NodeJS/Express application with MongoDB for data storage. Other major third party APIs are also listed here.
- React - Frontend JavaScript framework
- Tailwind CSS - CSS framework
- Jest - JavaScript testing framework
The following resources were a great help throughout the development of the odinbook frontend.
- Traversy Media for general MERN stack advice