CodeLeap

<a name="readme-top"></a>

<!-- PROJECT SHIELDS -->

<!-- PROJECT LOGO --> <br /> <div align="center"> <a href="#"> <img src="https://codeleap.co.uk/images/favicon.png" alt="Logo"> </a> <h3 align="center">CodeLeap Network</h3> <p align="center"> <a href="https://code-leap-gabrielguedess.vercel.app">View Demo</a> · <a href="https://github.com/GabrielGuedess/CodeLeap/issues">Report Bug</a> · <a href="https://github.com/GabrielGuedess/CodeLeap/issues">Request Feature</a> </p> </div> <!-- TABLE OF CONTENTS --> <details> <summary>Table of Contents</summary> <ol> <li> <a href="#about-the-project">About The Project</a> <ul> <li><a href="#built-with">Built With</a></li> <li><a href="#storybook">Storybook</a></li> <li><a href="#lighthouse">Lighthouse</a></li> <li><a href="#codecov">Codecov</a></li> </ul> </li> <li> <a href="#getting-started">Getting Started</a> <ul> <li><a href="#prerequisites">Prerequisites</a></li> <li><a href="#installation">Installation</a></li> </ul> </li> <li><a href="#contributing">Contributing</a></li> <li><a href="#license">License</a></li> <li><a href="#deploying">Deploying</a></li> <li><a href="#contact">Contact</a></li> </ol> </details> <!-- ABOUT THE PROJECT -->

About The Project

The goal is to create a very simple application that will perform basic CRUD functions.

<p align="right">(<a href="#readme-top">back to top</a>)</p>

Built With

Frameworks/libraries used to initialize the project.

• 
• 
• 
• 
• 
• 
• 
• 
• 

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- Storybook -->

Storybook

Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation.

<br />

yarn storybook

yarn build-storybook

<div align="center"> <a href="https://codeleap-network-gabrielguedess.netlify.app"> Storybook Deploy </a> </div> <p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- Lighthouse -->

Lighthouse

<br /> <div align="center"> <a href="https://htmlpreview.github.io/?https://github.com/GabrielGuedess/CodeLeap/blob/main/.github/assets/lighthouse/desktop/code_leap_gabrielguedess_vercel_app.html"> <img src="https://github.com/GabrielGuedess/CodeLeap/blob/main/.github/assets/lighthouse/desktop/pagespeed.svg" /> </a> </div>

<a href="https://htmlpreview.github.io/?https://github.com/GabrielGuedess/CodeLeap/blob/main/.github/assets/lighthouse/desktop/code_leap_gabrielguedess_vercel_app.html">See details</a>

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- Codecov -->

Codecov

Codecov provides metrics and insights into the results of tests through code coverage reports. Coverage reports are used to determine which lines of code were tested and which lines were not tested, which may contain bugs and syntax errors.

<br /> <div align="center"> <a href="https://codecov.io/gh/GabrielGuedess/CodeLeap"> <img src="https://codecov.io/gh/GabrielGuedess/CodeLeap/branch/main/graphs/sunburst.svg?token=QRamhnvJN5" /> </a> </div> <p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- GETTING STARTED -->

Getting Started

Prerequisites

NodeJs

Installation

1. Clone the repository.

   git clone https://github.com/GabrielGuedess/CodeLeap
   

2. Install the dependencies.

   # With npm
   npm i
   
   # With yarn
   yarn
   

3. Start project.

   # With npm
   npm run dev
   
   # With yarn
   yarn dev
   

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- CONTRIBUTING -->

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".

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/NewFeature)
3. Commit your Changes (git commit -m 'Add some NewFeature')
4. Push to the Branch (git push origin feature/NewFeature)
5. Open a Pull Request

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- LICENSE -->

License

Distributed under the MIT License. See LICENSE.txt for more information.

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- Deploying -->

Deploying

<!-- CONTACT -->

Contact

Gabriel Guedes - @GabrielRGuedess - gabrielrguedess@gmail.com

Project Link: https://code-leap-gabrielguedess.vercel.app/

---

<p align="center"> Made with ♥ by 👨‍🚀 Gabriel Guedes 👋 <a href="https://www.linkedin.com/in/gabriel-guedess/">Get in touch!</a> </p> <p align="right">(<a href="#readme-top">back to top</a>)</p>