Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/renantrs/beats-landing-page

A ReactJs headphones landing page, based on this video made by bedincode channel.
https://github.com/renantrs/beats-landing-page

framer-motion reactjs sass typescript

Last synced: about 2 months ago
JSON representation

A ReactJs headphones landing page, based on this video made by bedincode channel.

Host: GitHub
URL: https://github.com/renantrs/beats-landing-page
Owner: RenanTRS
License: mit
Created: 2022-08-15T15:45:51.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-09-02T15:51:01.000Z (over 2 years ago)
Last Synced: 2024-10-24T14:27:50.971Z (3 months ago)
Topics: framer-motion, reactjs, sass, typescript
Language: TypeScript
Homepage: https://beats-landing-page-mu.vercel.app/
Size: 630 KB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        


    



A ReactJs headphones landing page.




  

  

  

  

  

  

  





    



## About this project

The purpose of this project is to learn **animations**, based on this [video](https://www.youtube.com/watch?v=wXnlHIvKnTM) made by [bedincode](https://www.youtube.com/c/Bedimcode).

## How to use

To clone and run this project, you'll need **[Git](https://git-scm.com)**, **[node v](https://nodejs.org/en/)** or higher + **[yarn v](https://yarnpkg.com)** or higher installed on your computer. From your command line:

```bash

#Clone this repository

$ git clone https://github.com/RenanTRS/beats-landing-page.git

#Go into the repository

$ cd beats-landing-page

#Install dependencies

$ yarn

#or

$ npm i

#Run

$ yarn dev

#or

$ npm run dev

```

## Built with

- [![Vite](https://img.shields.io/badge/Vite-gray?style=for-the-badge&logo=vite)](https://vitejs.dev/guide/#scaffolding-your-first-vite-project)

- [![ReactJs](https://img.shields.io/badge/ReactJs-darkblue?style=for-the-badge&logo=react)](https://reactjs.org/)

- [![TypeScript](https://img.shields.io/badge/Typescript-darkblue?style=for-the-badge&logo=typescript)](https://www.typescriptlang.org/)

- [![Sass](https://img.shields.io/badge/Sass-gray?style=for-the-badge&logo=sass)](https://sass-lang.com/)

- [![Framer Motion](https://img.shields.io/badge/Framer%20Motion-gray?style=for-the-badge&logo=framer)](https://www.framer.com/motion/)

- [![EsLint](https://img.shields.io/badge/EsLint-gray?style=for-the-badge&logo=eslint)](https://eslint.org/)

- [![Prettier](https://img.shields.io/badge/Prettier-gray?style=for-the-badge&logo=prettier)](https://prettier.io/)

- [![PhosphorIcons](https://img.shields.io/badge/Phosphor%20Icons-ffd76a?style=for-the-badge&logo=phosphoricons)](https://phosphoricons.com/)

- [![Yarn](https://img.shields.io/badge/Yarn-darkblue?style=for-the-badge&logo=yarn)](https://yarnpkg.com/)

## Contact

- Email me - [email protected]

- Connect with me on [LinkedIn](https://www.linkedin.com/in/renantrsouza/)

## License

This project is licensed under the MIT License - see the [LICENSE](https://github.com/renantrs/beats-landing-page/blob/main/LICENSE) file for details.