Skip to content

Latest commit

Β 

History

History
72 lines (57 loc) Β· 2.53 KB

File metadata and controls

72 lines (57 loc) Β· 2.53 KB

Clock using ReactJS and TypeScript

This is a fun project showcasing a clock built using ReactJS and TypeScript, demonstrating modern front-end development practices. The project is designed to be lightweight, responsive, and visually appealing.

🌟 Features

  • Real-Time Clock: Displays the current time with real-time updates.
  • Responsive Design: Works seamlessly across devices of various screen sizes.
  • Modern Tech Stack: Built with ReactJS and TypeScript for type safety and maintainability.
  • Deployed on Vercel: Easily accessible via clock-type-script.vercel.app.

πŸ“· Preview

Visit the live demo: clock-type-script.vercel.app

Clock Preview

πŸš€ Getting Started

Prerequisites

Ensure you have the following installed:

Installation

  1. Clone the repository:
    bash
    git clone https://github.com/Usamazbr/Clock-TypeScript.git
    cd clock-using-react-typescript
    
  2. Install dependencies:
    npm install
    # or
    yarn install
    
  3. Start the developme
    npm start
    # or
    yarn start
    
  4. Open the app in your browser at http://localhost:3000.

πŸ› οΈ Technologies Used

  • ReactJS: For building the user interface.
  • TypeScript: Ensures robust type-checking and cleaner code.
  • CSS/Styling: For the clock's styling.
  • Vercel: For seamless deployment.

πŸ“¦ Deployment

This project is deployed on Vercel. You can access the live version here: clock-type-script.vercel.app

πŸ–‹οΈ Author

Developed by Usama Zubair. Feel free to explore, modify, and contribute!

πŸ“œ License

This project is licensed under the MIT License.

⭐ Don't forget to star the repository if you like this project!

Steps for Completion:

  1. Replace your-username in the links with your GitHub username.
  2. Update the placeholder for the clock preview image with an actual screenshot if you have one.
  3. If you don't already have a LICENSE file, you can create one or remove the License section.
  4. Commit and push this README.md file to your repository.

Let me know if you'd like further modifications!