https://github.com/tylergeorges/typixie

A Typing App to practice your typing skills.
https://github.com/tylergeorges/typixie

nextjs tailwindcss typing zustand

Last synced: 6 days ago
JSON representation

A Typing App to practice your typing skills.

• Host: GitHub
• URL: https://github.com/tylergeorges/typixie
• Owner: tylergeorges
• Created: 2024-07-12T17:25:30.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-07-30T14:21:44.000Z (5 months ago)
• Last Synced: 2024-11-09T13:30:31.823Z (2 months ago)
• Topics: nextjs, tailwindcss, typing, zustand
• Language: TypeScript
• Homepage: https://typixie.vercel.app
• Size: 123 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


Typixie

  

  

![cntr](https://img.shields.io/github/contributors/tylergeorges/typixie?color=pink&style=for-the-badge)

![pullreQ](https://img.shields.io/github/issues-pr/tylergeorges/typixie?color=orange&style=for-the-badge)

![comt](https://img.shields.io/github/last-commit/tylergeorges/typixie?style=for-the-badge)

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://choosealicense.com/licenses/mit/)


![frk](https://img.shields.io/github/forks/tylergeorges/typixie?style=flat-square)

![str](https://img.shields.io/github/stars/tylergeorges/typixie?style=flat-square)

![deploy](https://img.shields.io/website?down_color=red&down_message=down&style=flat-square&up_color=succes&up_message=up&url=https%3A%2F%2Ftypixie.vercel.app)



**Typixie | A Typing App Powered by Next.js, Tailwind, Zustand**

Practice your typing skills.

 


 


    View Demo

      .

    Report Bug

     .

    Request Feature

















### Built With

- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

- ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

- ![Tailwind](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

- ![Zustand](https://img.shields.io/badge/zustand-FFA351.svg?style=for-the-badge&logo=zustand&logoColor=white)

## Features

- 🎨 **Theme Switcher** (Oxocarbon, Blackhole + more!)

- 🎊 **Responsive Design**

## Getting Started

First, run the development server:

1. Clone or Fork the repo

   ```sh

   git clone https://github.com/tylergeorges/typixie.git

   cd ./your_project

   ```

2. Install Dependencies

   ```sh

   npm install

   ```

3. rename `.env.example` file to `.env`

4. Start the server

   ```sh

   npm run dev

   ```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

Don't forget to give the project a star! Thanks again!

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request