Mrs Coolage (React.js + TypeScript + Vite Project)

This project is a single-page application built with React.js using TypeScript and Vite. The application fetches data from a GraphQL endpoint using Apollo Client and includes animations with Framer Motion. The final project is deployed and live at [Visit Coolage].

Table of Contents

• Getting Started
• Technologies Used
• Setup
• Usage

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

• Node.js
• npm or yarn

Installing

1. Clone the repository

   git clone https://github.com/vikas95prasad/coolage-web.git

2. cd coolage-web

   cd your-repo-name

3. Install dependencies

   npm install

Technologies Used

Technologies Used

1. React.js: A JavaScript library for building user interfaces
2. TypeScript: A superset of JavaScript that adds static typing
3. Vite: A fast build tool and development server
4. Apollo Client: A comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL
5. Framer Motion: A library to power animations in React

Setup

To set up the project, follow these steps:

1. Clone the repository and install dependencies as described in the Installing section.
2. Create a .env file in the root of the project with your GraphQL endpoint:

   VITE_GRAPHQL_ENDPOINT=https://your-graphql-endpoint
   

Usage

1. To start the development server:

   npm run dev

2. Open http://localhost:3000 to view it in the browser.