REACT_PORTFOLIO

last-commit repo-top-language repo-language-count

Developed with the software and tools below.

JavaScript HTML5 React JSON


๐Ÿ“‚ Repository Structure

โ””โ”€โ”€ react_portfolio/
    โ”œโ”€โ”€ README.md
    โ”œโ”€โ”€ bun.lockb
    โ”œโ”€โ”€ package-lock.json
    โ”œโ”€โ”€ package.json
    โ”œโ”€โ”€ public
    โ”‚   โ”œโ”€โ”€ index.html
    โ”‚   โ”œโ”€โ”€ logo6.png
    โ”‚   โ”œโ”€โ”€ manifest.json
    โ”‚   โ””โ”€โ”€ robots.txt
    โ””โ”€โ”€ src
        โ”œโ”€โ”€ App.css
        โ”œโ”€โ”€ App.js
        โ”œโ”€โ”€ App.test.js
        โ”œโ”€โ”€ assets
        โ”‚   โ”œโ”€โ”€ codeImg.webp
        โ”‚   โ”œโ”€โ”€ deskImg.webp
        โ”‚   โ”œโ”€โ”€ dp.webp
        โ”‚   โ””โ”€โ”€ eqbImg.webp
        โ”œโ”€โ”€ components
        โ”‚   โ”œโ”€โ”€ About
        โ”‚   โ”‚   โ”œโ”€โ”€ About.css
        โ”‚   โ”‚   โ””โ”€โ”€ About.js
        โ”‚   โ”œโ”€โ”€ Card
        โ”‚   โ”‚   โ”œโ”€โ”€ Card.css
        โ”‚   โ”‚   โ”œโ”€โ”€ Card.jsx
        โ”‚   โ”‚   โ””โ”€โ”€ index.js
        โ”‚   โ”œโ”€โ”€ Education
        โ”‚   โ”‚   โ”œโ”€โ”€ Education.css
        โ”‚   โ”‚   โ””โ”€โ”€ Education.js
        โ”‚   โ”œโ”€โ”€ Experience
        โ”‚   โ”‚   โ”œโ”€โ”€ Experience.css
        โ”‚   โ”‚   โ”œโ”€โ”€ Experience.jsx
        โ”‚   โ”‚   โ””โ”€โ”€ index.js
        โ”‚   โ”œโ”€โ”€ Footer
        โ”‚   โ”‚   โ”œโ”€โ”€ Footer.css
        โ”‚   โ”‚   โ”œโ”€โ”€ Footer.jsx
        โ”‚   โ”‚   โ””โ”€โ”€ index.js
        โ”‚   โ”œโ”€โ”€ Home
        โ”‚   โ”‚   โ”œโ”€โ”€ Home.css
        โ”‚   โ”‚   โ””โ”€โ”€ Home.js
        โ”‚   โ”œโ”€โ”€ Navbar
        โ”‚   โ”‚   โ”œโ”€โ”€ Navbar.css
        โ”‚   โ”‚   โ””โ”€โ”€ Navbar.js
        โ”‚   โ”œโ”€โ”€ Projects
        โ”‚   โ”‚   โ”œโ”€โ”€ ProjectCard.css
        โ”‚   โ”‚   โ”œโ”€โ”€ ProjectCard.jsx
        โ”‚   โ”‚   โ”œโ”€โ”€ Projects.css
        โ”‚   โ”‚   โ”œโ”€โ”€ Projects.jsx
        โ”‚   โ”‚   โ””โ”€โ”€ index.js
        โ”‚   โ”œโ”€โ”€ Skills
        โ”‚   โ”‚   โ”œโ”€โ”€ Skills.css
        โ”‚   โ”‚   โ”œโ”€โ”€ Skills.js
        โ”‚   โ”‚   โ”œโ”€โ”€ SkillsCard.css
        โ”‚   โ”‚   โ””โ”€โ”€ SkillsCard.js
        โ”‚   โ”œโ”€โ”€ Tiles
        โ”‚   โ”‚   โ”œโ”€โ”€ Tiles.css
        โ”‚   โ”‚   โ””โ”€โ”€ Tiles.js
        โ”‚   โ”œโ”€โ”€ Typing
        โ”‚   โ”‚   โ”œโ”€โ”€ Typing.css
        โ”‚   โ”‚   โ””โ”€โ”€ Typing.js
        โ”‚   โ””โ”€โ”€ svgviewer-png-output.png
        โ”œโ”€โ”€ index.css
        โ”œโ”€โ”€ index.js
        โ”œโ”€โ”€ logo.svg
        โ”œโ”€โ”€ reportWebVitals.js
        โ””โ”€โ”€ setupTests.js

๐Ÿš€ Getting Started

Requirements

Ensure you have the following dependencies installed on your system:

  • JavaScript

โš™๏ธ Installation

  1. Clone the react_portfolio repository:
git clone https://github.com/aatmik-panse/react_portfolio
  1. Change to the project directory:
cd react_portfolio
  1. Install the dependencies:
npm install

๐Ÿค– Running react_portfolio

Use the following command to run react_portfolio:

node app.js

๐Ÿงช Tests

To execute tests, run:

npm test