This is the JavaScript Capstone project, where we built a web application based on an external API. The project is a webapp that revolves around a selected API, providing data about a topic of our choice. Here is the link to the video presentation
HTML
- This project use HTML.
CSS
- The CSS is used to provide the design in the whole page.
Linters
- The Linters are tools that help us to check and solve the errors in the code This project count with three linters:
- HTML
- CSS
- JavaScript
Webpack
- HTML Webpack Plugin
- Webpack Style/CSS Loader
- Local dev Server
API's
- The Themealdb API is for obtain the food items.
- The Innvolvement API is a Microverse API that allows the control of likes and comments.
- Webpack Configuration
- HTML Generation
- CSS Styling
- Development Server
- Code Quality
- Modular Structure
- ES6 Syntax
- JavaScript Functionality
- Gitflow
- Send and receive data from API
- Jest testing
- API's
To get a local copy up and running, follow these steps. This project requires Node.js and npm installed on your machine.
-Node.js -npm
-Clone this repository to your local machine using:
git clone https://github.com/andream2429/JavaScriptCapstone.git
-Navigate to the project folder:
cd Leaderboard
-Install the project dependencies:
npm install
o start the development server, run the following command:
npm start
The project follows the following folder and file structure:
/src: Contains the source files of the application. /src/index.js: Main entry point of the JavaScript application. /src/style.css: CSS file for the application styles. /src/index.html: Base HTML file of the application. /dist: Contains the generated production files. webpack.config.js: Webpack configuration file.
Clone this repository to your desired folder: https://github.com/andream2429/JavaScriptCapstone.git
Install this project with: install WebLint and ESLint
To run the project, execute the following command: just need a web Browser
To run tests, run the following command: you just need a simple web browser to run this project for a test
👤 Andrea Manuel
- GitHub: @AndreaM2429
- LinkedIn: LinkedIn
👤 Claudia Rojas
- GitHub: @githubhandle
- LinkedIn: LinkedIn
- [User Authentication]
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project show support by following this account
- Microverse for providing the opportunity to learn Git and GitHub in a collaborative environment.
- GitHub Docs for providing a wealth of information on Git and GitHub.
This project is MIT.