Mini Twitter Clone - Client

Welcome to the client part of the Mini Twitter Clone project! This is the frontend component responsible for providing a user-friendly interface for interacting with the Mini Twitter platform.

Technologies Used

• React.js: The client is built using React.js, a popular JavaScript library for building user interfaces.
• Semantic UI React: Semantic UI React is used for styling and creating a clean and visually appealing user interface.
• Apollo Client: Apollo Client is used to interact with the GraphQL server and manage data on the client side.
• React Router: React Router is used for handling client-side routing.
• GraphQL: GraphQL queries and mutations are used to fetch and manipulate data from the server.
• JWT Authentication: JSON Web Tokens (JWTs) are used for secure user authentication.
• React Context: React Context is utilized for managing user authentication state.

Setup and Installation

1. Clone the Repository: git clone https://github.com/ec-026/ivykids-twitter-client.git

2. Install Dependencies: Navigate to the project folder and install the necessary dependencies using npm or yarn. cd ivykids-twitter-client npm install

3. Configuration:

• Create a .env file and set up the following environment variables:
  • REACT_APP_SERVER_URL: The URL of your Mini Twitter Clone server (e.g., http://localhost:5000/graphql during development).
  • REACT_APP_PUBLIC_URL: The public URL of your client (e.g., http://localhost:3000 during development).

4. Start the Development Server: npm start

5. Explore the Mini Twitter Clone: Access the Mini Twitter Clone at http://localhost:3000 in your web browser to register, log in, and start tweeting!

Server Codebase

To explore the server-side codebase and backend logic, please visit the Mini Twitter Clone - Server repository.

Live Site

You can experience the live Mini Twitter Clone at Live Mini Twitter Clone.

Feel free to explore, contribute, or customize the client codebase according to your needs.