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.

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

technigo-w8-project-portfolio #373

Open
wants to merge 32 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
32 commits
Select commit Hold shift + click to select a range
f545165
created a vite template
schouenkes Mar 26, 2024
0856c54
added intro section and styled img and headers
schouenkes Mar 27, 2024
a22eb68
added an arrow icon
schouenkes Mar 27, 2024
2f55ee6
added a tech section
schouenkes Mar 28, 2024
62c3fec
connected images to github repos
schouenkes Mar 29, 2024
17b8d11
created project cards and started to styled them
schouenkes Apr 1, 2024
eb41d03
added and styled buttons
schouenkes Apr 1, 2024
3a8d426
added and styled a skill section
schouenkes Apr 1, 2024
a841b27
added contact section and animation
schouenkes Apr 2, 2024
2cee9bc
started with the responsive design
schouenkes Apr 2, 2024
6cd59d7
fixed responsive design and deleted unnecessary files
schouenkes Apr 2, 2024
c1a5ea4
moved the images to public folder
schouenkes Apr 2, 2024
e97da57
changed the path of the images in the code
schouenkes Apr 2, 2024
5047d19
fixed the path to the images
schouenkes Apr 2, 2024
d0b8a10
added netlify link to readme
schouenkes Apr 2, 2024
dad1c3c
Delete .DS_Store
schouenkes Apr 2, 2024
d6c4c22
change the path to wavy icon
schouenkes Apr 2, 2024
b479611
fixed a path bug
schouenkes Apr 2, 2024
c40e456
fixed a little styling
schouenkes Apr 2, 2024
e64261e
fixed a styling bug
schouenkes Apr 2, 2024
cdec397
fixed the wavy border
schouenkes Apr 3, 2024
cc52c99
fixed the mobile design
schouenkes Apr 3, 2024
5a07e7d
strutured the css into smaller components
schouenkes Apr 3, 2024
9de5197
fixed the css
schouenkes Apr 4, 2024
298a8c2
done with intro section styling
schouenkes Apr 4, 2024
e03710d
fixed the tech section styling
schouenkes Apr 4, 2024
41b7ee9
fixed the styling according to the design
schouenkes Apr 4, 2024
3d34607
fixed a small bug with the buttons
schouenkes Apr 4, 2024
6ddbf99
fixed a broken link
schouenkes Apr 4, 2024
a83d8dc
deleted unnecessary comments
schouenkes Apr 4, 2024
7eb0053
Update ProjectCard.css
schouenkes Apr 22, 2024
2311302
fixed the styling for 320px
schouenkes Apr 22, 2024
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
Binary file removed Preview-PortfolioWebDev-Technigo.png
Binary file not shown.
52 changes: 4 additions & 48 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,50 +1,6 @@
<h1 align="center">
<a href="">
<img src="/react-p.svg" alt="Project Banner Image">
</a>
</h1>
Project Portfolio

# Technigo - React Portfolio Project
A project to showcase and to repeat and practice earlier weeks projects and learning goals.

Congratulations on completing Sprint 2 of the boot camp! For the final phase, we will now take your skills in React to the next level by building your very own portfolio website using the concepts learned in class

## Instructions
[Check this projects instructions here](https://github.com/Technigo/project-portfolio/blob/main/instructions.md)

## Set up your own version of your portfolio

We will use [Vite](https://vitejs.dev/guide/) to setup our project 😉

```bash
npm create vite@latest my-react-portfolio --template
```

#### Follow this GIF to setup your project

![Alt Text](https://res.cloudinary.com/dfkxydgqg/image/upload/v1691073155/WEB/Sprint-2/week-8/vite-react_vjp0ep.gif)

## Installation

Use the `cd` command to move into the folder

```bash
cd my-react-portfolio
```

Install the dependencies

```bash
npm i
```

Open the project in a separate VS Code editor

```bash
code .
```

Open up a terminal inside VS code and lets run the project in a local environment

```bash
npm run dev
```
View it live
https://technigo-w8-project-portfolio.netlify.app/
93 changes: 0 additions & 93 deletions custom-images.md

This file was deleted.

21 changes: 21 additions & 0 deletions my-portfolio/.eslintrc.cjs
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
module.exports = {
root: true,
env: { browser: true, es2020: true },
extends: [
'eslint:recommended',
'plugin:react/recommended',
'plugin:react/jsx-runtime',
'plugin:react-hooks/recommended',
],
ignorePatterns: ['dist', '.eslintrc.cjs'],
parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
settings: { react: { version: '18.2' } },
plugins: ['react-refresh'],
rules: {
'react/jsx-no-target-blank': 'off',
'react-refresh/only-export-components': [
'warn',
{ allowConstantExport: true },
],
},
}
24 changes: 24 additions & 0 deletions my-portfolio/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
15 changes: 15 additions & 0 deletions my-portfolio/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900" rel="stylesheet" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Hind" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
Loading