https://github.com/diego-aquino/thecountdown

🕑 Counting time, from any date to any date
https://github.com/diego-aquino/thecountdown

countdown dates frontend nextjs react time timer web

Last synced: 5 months ago
JSON representation

🕑 Counting time, from any date to any date

• Host: GitHub
• URL: https://github.com/diego-aquino/thecountdown
• Owner: diego-aquino
• License: mit
• Created: 2020-12-06T23:49:05.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2024-03-17T12:16:02.000Z (about 2 years ago)
• Last Synced: 2024-03-17T13:33:32.180Z (about 2 years ago)
• Topics: countdown, dates, frontend, nextjs, react, time, timer, web
• Language: TypeScript
• Homepage: https://thecountdown.vercel.app
• Size: 18.2 MB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


   TheCountdown





  

    Counting time, from any date to any date

    

      

    

  





  

    

  

  

    

  

  

    

  

  


  

    

  

  

    

  





  Motivation   |   

  Features   |   

  Technologies   |   

  How to use   |   

  Learning outcomes   |   

  License





## :mag: Motivation

The idea to build this project started from a personal need to know how much time was left for an event. This need inspired me to create [TheCountdown](https://thecountdown.vercel.app/). :hourglass:

Also, developing this project was a great way to practice my development skills by creating and publishing an application from scratch, which would solve a real problem in the world!

## :rocket: Features

- Flexible, interactive countdown timers, from any date to any date

- Simple, user-friendly interface

- Good user experience (UX) and visual feedback

- Responsive layouts, both mobile and desktop friendly

## :gear: Technologies

The main technologies and tools used in this project are the following:

- [TypeScript](https://www.typescriptlang.org/)

- [React](https://reactjs.org/) + [Next.js](https://nextjs.org/)

- [Node.js](https://nodejs.org/en/)

> Deployed to [Vercel](http://vercel.com/)

## :computer: How to use

**TheCountdown** is available at [thecountdown.vercel.app](https://thecountdown.vercel.app/). Check it out if you'd like to give it a try! :wink:

## :bulb: Learning outcomes

Building this project has proven to be a great way to learn, practice, and acquire experience with lots of interesting technologies. My main learning outcomes were related to:

- **Planning, designing, developing and deploying this application from scratch**. This includes going through possibilities, gathering resources, establishing priorities, responding to requirement changes and focusing on generating value for users.

- Providing a **good user experience** (**UX**) when selecting dates and time ranges, by creating a lightweight, simple, and intuitive interface.

- Using **Agile methodologies**, in order to enhance the development efficiency and deliver high-quality upgrades incrementally.

- Applying development **best practices**, such as clean code, separation of concerns, KISS and DRY, which are meant to keep the codebase easy to understand, maintain and extend.

- Using **TypeScript**, **React**, and **Next.js**, which are modern technologies employed in this project.

- Improving **performance** of components in **React**, and using **static generation** and **server-side rendering** with **Next.js**.

- **Manipulating dates and time ranges**, **storing the created countdowns locally** for a later session, and using **gradients**.

- **Optimizing SEO** (Search engine optimization) to a better indexation by search engines.

- Using **analytics tools to understand user behavior** and apply this knowledge to prioritize changes.

## :newspaper_roll: License

This project is under MIT License. Check [LICENSE](./LICENSE) for more information.

---

Made by [Diego Aquino](https://github.com/diego-aquino/) :sunglasses:. [Let's connect!](https://www.linkedin.com/in/diego-aquino)