https://github.com/chara0511/to-do-app

https://github.com/chara0511/to-do-app

html-css-javascript nextjs postcss react tailwindcss typescript

Last synced: 8 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/chara0511/to-do-app
• Owner: chara0511
• Created: 2020-12-08T07:40:14.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2020-12-10T01:26:53.000Z (almost 4 years ago)
• Last Synced: 2024-09-11T20:19:53.649Z (2 months ago)
• Topics: html-css-javascript, nextjs, postcss, react, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://to-do-app-weld.vercel.app/
• Size: 249 KB
• Stars: 5
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
To Do App




   Solution for a challenge from  Frontendmentor.io.





  


    

      Demo

    

     | 

    

      Solution

    

     | 

    

      Challenge

    

  



## 🔥 Table of Contents

- [Overview](#overview)

  - [Built With](#built-with)

- [Features](#features)

- [How to use](#how-to-use)

- [Contact](#contact)

- [Acknowledgements](#acknowledgements)

## Overview

  💻 Desktop version

    

  ![screenshot](src/images/desktop-version.png)

  ![screenshot](src/images/desktop-version2.png)

  📱 Mobile version

![screenshot](src/images/mobile-version.png)

![screenshot](src/images/mobile-version2.png)

### Built With

- [Javascript](https://developer.mozilla.org/es/docs/Web/JavaScript)

- [Nextjs](https://nextjs.org/)

- [PostCSS](https://postcss.org/)

- [React](https://reactjs.org/)

- [Tailwindcss](https://tailwindcss.com/)

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

## Features

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app), was created as a submission to a [Frontendmentor](https://www.frontendmentor.io/challenges) challenge. The [challenge](https://www.frontendmentor.io/challenges/todo-app-Su1_KokOW) was to build an application to complete the given user stories.

## How To Use

To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:

```bash

# Clone this repository

$ git clone https://github.com/jcarlos0511/to-do-app.git

# Enter the created folder

$ cd to-do-app

# Install dependencies

$ npm install

# Run the app

$ npm run dev

# Visit http://localhost:3000/

```

## Acknowledgements

- [React DnD - Sortable simple](https://react-dnd.github.io/react-dnd/examples/sortable/simple)

- [Next.js examples - GitHub](https://github.com/vercel/next.js/tree/canary/examples)

- [React TypeScript Cheatsheets](https://react-typescript-cheatsheet.netlify.app/)

- [Tailwind CSS For Absolute Beginners](https://medium.com/codingthesmartway-com-blog/tailwind-css-for-absolute-beginners-3e1b5e8fe1a1)

- [Steps to replicate a design with only HTML and CSS](https://devchallenges-blogs.web.app/how-to-replicate-design/)

- [Marked - a markdown parser](https://github.com/chjj/marked)

## Contact

- GitHub [@jcarlos0511](https://github.com/jcarlos0511)

- Twitter [@charalopez0511](https://twitter.com/charalopez0511)