/Todays-post

Today's post is a social media app that is built using react.

Primary LanguageJavaScript

✨ Today's Post ✨

Badge Badge Badge Badge Badge

Live Project : https://todayspost.netlify.app/


Tech Stack :

  • Frontend: HTML,CSS,React.js
  • Version Control: Git and GitHub
  • Hosting: Netlify
  • Code Editor and tools: VS Code

✨ Welcome to Today's Post ✨

Table of Contents

- Overview
- Folder Structure
- UI of Website
- Contribution Guideline

Overview 🔨

Today's post is a social media web app. In which users can do signup and add,remove,bookmark,edit posts. User can edit their profile and sort recent and trending posts.

Folder Structure 📒

├───app
├───assets
│   └───images
├───backend
│   ├───controllers
│   ├───db
│   └───utils
├───components
│   ├───leftsidebar
│   ├───navbar
│   ├───postcard
│   └───right-section
├───features
│   ├───auth
│   ├───posts
│   └───profile
├───modals
│   ├───add-post-modal
│   └───edit-profile-modal
└───pages
    ├───bookmark-page
    ├───explore-page
    ├───home-page
    ├───landing-page
    ├───login-page
    ├───profile-page
    ├───signup-page
    └───single-post-page

UI of the Website

Click on the image to watch it.

Screenshot (242) Screenshot (243)
Landing Page Login Page
Screenshot (245) Screenshot (246)
Home Page Explore Page
Screenshot (247) Screenshot (248)
Bookmarks Page Profile Page
Screenshot (249) Screenshot (250)
Create Post Edit Profile

Setup Steps

  • Go to directory
$ cd Todays-post

  • Start LocalHost Server
npm run start

Contribution Guidelines 🏗

To start contributing, follow the below guidelines:

1. Fork this repository.

2. Clone your forked copy of the project.

git clone https://github.com/ishitakeshawani/Todays-post.git

3. Navigate to the project directory 📁 .

cd Todays-post

4. Add a reference(remote) to the original repository.

git remote add upstream Todays-post.git

5. Check the remotes for this repository.

git remote -v

6. Create a new branch.

git checkout -b <your_branch_name>

7. Perfom your desired changes to the code base.

8. Track your changes:heavy_check_mark: .

git add .

9. Commit your changes .

git commit -m "Relevant message"

10. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

11. To create a pull request, click on compare and pull requests.

12. Add appropriate title and description to your pull request explaining your changes and efforts done.

13. Click on Create Pull Request.

14 You did it! 🥳 Wait for your submission to be accepted and your PR to be merged.