Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Feature/components: Implement the Calculator component #2

Merged
merged 28 commits into from
Jul 4, 2023
Merged

Feature/components: Implement the Calculator component #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
28 commits
Select commit Hold shift + click to select a range
cf54914
Create the components folder and inside it Calculator.js file and add…
ClaudiaRojasSoto Jul 3, 2023
9e57b31
Add the babel/pluigin proposal private property in objet by terminal …
ClaudiaRojasSoto Jul 3, 2023
1a2464c
Delete logo.svg file from src
ClaudiaRojasSoto Jul 3, 2023
0c88289
Create the folder components inside the src folder, and create the Ca…
ClaudiaRojasSoto Jul 3, 2023
753b622
Create the calculator.css file inside components folder to apply styl…
ClaudiaRojasSoto Jul 3, 2023
e2fc2d5
Create the Navbar.js file inside components folder on src
ClaudiaRojasSoto Jul 3, 2023
0a7a419
Upload the App.js file adding the Calculator component on the functio…
ClaudiaRojasSoto Jul 3, 2023
2b11393
Upload the app.css file with App styles
ClaudiaRojasSoto Jul 3, 2023
3d6d866
Restore the index.js file on the src folder
ClaudiaRojasSoto Jul 3, 2023
8144028
Upload the packages json
ClaudiaRojasSoto Jul 3, 2023
31aa1b6
Add the right route to the licence on readme file
ClaudiaRojasSoto Jul 3, 2023
02e07f7
Add Display and Button as childs components on Calculator.js
ClaudiaRojasSoto Jul 4, 2023
dd9d3dd
Modify the style for Calculator classes on Calculator.js file
ClaudiaRojasSoto Jul 4, 2023
86f0f49
Modify index.js file
ClaudiaRojasSoto Jul 4, 2023
4138dcb
Delete the imports on Navbar.js file
ClaudiaRojasSoto Jul 4, 2023
bfc85db
Upload the json packages
ClaudiaRojasSoto Jul 4, 2023
1536647
Add useState to Calculator function on Calculator.js
ClaudiaRojasSoto Jul 4, 2023
837fca3
Change the button '+' between the button '0' and '=' to a '.' on Calc…
ClaudiaRojasSoto Jul 4, 2023
471988c
Change the style for clear button and the button size on calculator.c…
ClaudiaRojasSoto Jul 4, 2023
2f66e2e
Delete the web vitals function from index.js and the importation of it
ClaudiaRojasSoto Jul 4, 2023
62dedb6
Delete test files from src folder
ClaudiaRojasSoto Jul 4, 2023
8a1e601
Delete the reportWebVitals.js file fromsrc folder
ClaudiaRojasSoto Jul 4, 2023
067ee2a
Upload README.md file with the right name of the repository
ClaudiaRojasSoto Jul 4, 2023
a0b432f
Upload the json packages adding git hub page to deploy the project
ClaudiaRojasSoto Jul 4, 2023
899f191
Upload readme file deleting the demo link to the deploy root
ClaudiaRojasSoto Jul 4, 2023
eac21e4
Delete Navbar.js empty file from src folder
ClaudiaRojasSoto Jul 4, 2023
bf704df
Upload readme file
ClaudiaRojasSoto Jul 4, 2023
75b41a6
Upload the readme file adding the right structure to the project
ClaudiaRojasSoto Jul 4, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 22 additions & 17 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,14 @@
<div align="center">
<br/>

<h1><b>Math_Magician</b></h1>
<h1><b>math_magicians</b></h1>

</div>

# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)
- [📖 Math\_Magicians ](#-math_magicians-)
- [📖 math\_magicians ](#-math_magicians-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
Expand All @@ -28,9 +28,9 @@
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)

# 📖 Math_Magicians <a name="about-project"></a>
# 📖 math_magicians <a name="about-project"></a>

> "Math_Magician" is a project that allows me to showcase my web development skills and expertise in React and UI/UX design. With a focus on engaging interfaces, I demonstrate proficiency in various aspects including wireframing, component creation, event handling, and API integration. The project embodies intuitive design principles and seamless functionality, delivering a captivating user experience.
> "math_magicians" is a project that allows me to showcase my web development skills and expertise in React and UI/UX design. With a focus on engaging interfaces, I demonstrate proficiency in various aspects including wireframing, component creation, event handling, and API integration. The project embodies intuitive design principles and seamless functionality, delivering a captivating user experience.

## 🛠 Built With <a name="built-with"></a>

Expand Down Expand Up @@ -87,7 +87,7 @@

## 🚀 Live Demo <a name="live-demo"></a>

> You can see a Demo here: [Demo](https://claudiarojassoto.github.io/Math_Magician/dist/)
> You can see a Demo here: (Soon)

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

Expand All @@ -101,34 +101,39 @@

> -Clone this repository to your local machine using:

> git clone https://github.com/ClaudiaRojasSoto/Math_Magicians.git
> git clone https://github.com/ClaudiaRojasSoto/math_magicians.git

> -Navigate to the project folder:

> cd Leaderboard
> cd math_magicians

> -Install the project dependencies:

> npm install

> o start the development server, run the following command:
> To start the development server, run the following command:

> npm start

### Project Structure

> 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.
- /src: Contains the source files of the application.
- /src/index.js: Main entry point of the JavaScript application.
- /src/App.js: Top-level component of the application.
- /src/components: Directory for React components.
- /src/components/Calculator.js: React component for the calculator.
- /src/calculator.css: CSS file for the Calculator.js styles.
- /src/App.css: CSS file for the App.js styles.
- /src/index.css: CSS file for the index.js styles.
- /public: Contains the public files and assets of the application.
- /public/index.html: Base HTML file of the application.
- /build: Contains the generated production files.

### Setup

> Clone this repository to your desired folder: https://github.com/ClaudiaRojasSoto/Math_Magician.git
> Clone this repository to your desired folder: https://github.com/ClaudiaRojasSoto/math_magicians.git

### Install

Expand Down Expand Up @@ -165,7 +170,7 @@

> Contributions, issues, and feature requests are welcome!

> Feel free to check the [issues page](https://github.com/ClaudiaRojasSoto/Math_Magician/issues).
> Feel free to check the [issues page](https://github.com/ClaudiaRojasSoto/math_magicians/issues).

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

Expand All @@ -189,6 +194,6 @@

## 📝 License <a name="license"></a>

> This project is [MIT](https://github.com/ClaudiaRojasSoto/Math_Magician/blob/dev/MIT.md).
> This project is [MIT](https://github.com/ClaudiaRojasSoto/math_magicians/blob/develop/MIT.md).

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