/tweeter-frontend

Primary LanguageJavaScript

TWEETER

Check the Website here.

TABLE OF CONTENTS

About our project

Welcome to TWEETER, a social media website which provides users with the feature to grow their social connections, raise any issue or get updated of what's happening around. Users can join Tweeter by simply creating their account, having an updated profile, and can create any tweets. Tweeter also provides you the feature to have the experience of real-time chats with your connections.

Tech Stack Used

nodejs express figma logo

Key Features ✨

  • User Authentication: Secure user registration and login system to protect user data.

  • Tweet Creation: Write and post tweets through an intuitive interface.

  • Interactions: Like, retweet, and reply to tweets to engage with other users.

  • Follow and Unfollow: Build a network by following and unfollowing other users.

  • Real-time Updates: Stay up-to-date with real-time notifications for new tweets and interactions.

  • User Profiles: Customize your profile with a profile picture and bio.

  • Search Functionality: Easily find tweets and users with a robust search feature.

Components of Website

Login Page

The login page is the entry point for users, where they securely authenticate using their credentials. tweeter login



Services Page

tweeter 2 tweeter 1 tweeter 5 tweeter 6 tweeter 7 tweeter 8 tweeter 9

🔖Steps to Contribute ✅

  • Contribution is the best way to support and get involved in the community!
  • Contributions to TWEETER Please check our CONTRIBUTING.md

Get started on the local machine

Follow these instructions to get Tweeter Frontend up and running on your local machine.

Prerequisites

Before you begin, ensure you have the following installed:

  • Node.js: Download and install Node.js from here.

Installation

  1. Clone the repository:

    git clone https://github.com/[yourusername]/tweeter-frontend.git

  2. Navigate to the project directory:

    cd tweeter-frontend

  3. Install dependencies:

    npm install

Usage

  1. Start the development server: 
    npm start
  2. Open your web browser and navigate to http://localhost:3000.
  3. Create an account, log in, and start tweeting!

Contributing

We welcome contributions from the community. To contribute to Tweeter Frontend, follow these steps:

  1. Fork the project on GitHub.
  2. Create a new branch with a descriptive name for your feature or fix.
  3. Make your changes and ensure that your code follows best practices.
  4. Test your changes thoroughly.
  5. Create a pull request (PR) to the main repository, explaining the changes you made and why they are valuable.

✨🔨Note:

  • Do not edit/delete someone else's script in this repository. You can only insert new files/folders into this repository.
  • Give a meaningful name to whatever file or folder you are adding, changing, etc.

🔑Guidelines✨

  1. Welcome to this repository, if you are here as an open-source program participant/contributor.
  2. Participants/contributors have to comment on issues they would like to work on, and mentors or the PA will assign you.
  3. Issues will be assigned on a first-come, first-serve basis.
  4. Participants/contributors can also open their issues using issue_template, but it needs to be verified and labeled by a mentor or PA. Please discuss this with the team once before opening your issues. We respect all your contributions, whether it is an Issue or a Pull Request.
  5. When you raise an issue, make sure you get it assigned to you before you start working on that project.
  6. Each participant/contributor will be assigned 1 issue (max) at a time to work.
  7. Participants are expected to follow project guidelines and coding style . Structured code is one of our top priorities.
  8. Try to explain your approach to solving any issue in the comments. This will increase the chances of you being assigned.
  9. Don't create issues that are already listed.
  10. Please don't pick up an issue already assigned to someone else. Work on the issues after it gets assigned to you.
  11. Make sure you discuss issues before working on the issue.
  12. Pull requests will be merged after being reviewed by a mentor or PA.
  13. It might take a day or two to review your pull request. Please have patience and be nice.
  14. Always create a pull request from a branch other than master.
  15. Participants/contributors have to complete issues before they decided Deadline. If you fail to make a PR within the deadline, then the issue will be assigned to another person in the queue.
  16. While making PRs, don't forget to add a description of your work.
  17. Include the issue number (Fixes: issue number) in your commit message while creating a pull request.
  18. Make sure your solution to any issue is better in terms of performance and other parameters in comparison to the previous work.
  19. We all are here to learn. You are allowed to make mistakes. That's how you learn, right?

Thanks to all the Contributors ❤️

We would like to thank the open-source community and the developers of the technologies used in this project for their valuable contributions.