Skip to content

TypeScript React Frontend Project - Social media website

Notifications You must be signed in to change notification settings

MandySpaan/SocialMedia_Frontend

Repository files navigation

Social Media React Project

This project was made as part of a course Full Stack Developer for GeeksHubs Academy.

Index 🔍

Assignment 📝

GeeksHub gave the following fictive assignment: to create the frontend part of the earlier created backend for a fictional social media. You can find the backend project here: SocialMedia_Backend

The requirements for the website include:

  • Registration and login
  • An editable user profile
  • Option to create a post
  • Possibility to see, modify or delete your posts
  • View to see all posts
  • Option to see a post in detail
  • Functionality to give and remove likes from posts
  • A view for an admin to manage users and posts

Included extras:

  • Functionality that allows users to follow others
  • View that show only the posts from the users you follow
  • View of the profiles of the users you follow

Stack 💻

Local installation 🛠️

Backend

You can find the backend project here: SocialMedia_Backend

  1. Clone the repository $ git clone https://github.com/MandySpaan/GH_P5_SocialMedia_Backend
  2. Install dependencies $ npm install --y
  3. Copy the file .env.example, change the name to .env and fill in all the fields
  4. Plant the seeds into the tables $ npm run db:seed
  5. Start the server $ npm run dev

Frontend

  1. Clone the repository $ git clone https://github.com/MandySpaan/GH_P7_SocialMedia_Frontend
  2. Install dependencies $ npm install --y
  3. Start the server $ npm run dev

Points of Improvement 💡

  • Improve overal design of the website
  • Improve responsive design
  • Improve error handling

About

TypeScript React Frontend Project - Social media website

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages