baresi687 / react-crud-social

A project created in React with focus on CRUD. Create, Read, Update, and Delete.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React CRUD Social

A project created in React with focus on CRUD. Create, Read, Update, and Delete.

Note: This project is not responsive and is best viewed on Desktop. The focus is to learn React by creating a functional CRUD app.

Description

A Social Media website where users can Sign Up, Sign In, Create Post, Edit Post, Delete Post, change Avatar and view Post feed and Post details.

  • A user can register with a @noroff.no or @stud.noroff.no email address (Does not have to be a real/valid email address)
  • A registered user can Sign In
  • A registered user can Sign Out
  • A registered user can update their avatar
  • A registered user can view the Post content feed
  • A registered user can view a Post item details by ID
  • A registered user can create a Post
  • A registered user can update a Post
  • A registered user can delete a Post

Home screenshot Sign Up screenshot Posts page screenshot Create Post screenshot Post details screenshot Edit Post screenshot

Built With

Getting Started

Installing

  1. Clone the repo:
git clone git@github.com:baresi687/react-crud-social.git
  1. Install the dependencies:
npm install

Running

To run the app, run the following commands:

npm run build
npm run preview

Then Sign Up and Sign In with any **@noroff.no or **@stud.noroff.no email address.
The email address does not have to be real or valid. It just needs have the ending @noroff.no or @stud.noroff.no

Contact

My LinkedIn page

About

A project created in React with focus on CRUD. Create, Read, Update, and Delete.


Languages

Language:JavaScript 82.1%Language:SCSS 17.1%Language:HTML 0.7%Language:Shell 0.1%