Skip to content
Snippets Groups Projects
Commit 290f3619 authored by Renan Declercq's avatar Renan Declercq
Browse files

first commit

parents
No related branches found
No related tags found
1 merge request!1first commit
node_modules
This diff is collapsed.
{
"name": "react-starter",
"version": "0.1.0",
"private": true,
"dependencies": {
"@hookform/resolvers": "^2.9.10",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"axios": "^1.1.3",
"framer-motion": "^7.6.6",
"node-sass": "^7.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-hook-form": "^7.39.3",
"react-icons": "^4.6.0",
"react-router-dom": "^6.4.3",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4",
"yup": "^0.32.11"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
public/favicon.ico

3.78 KiB

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Web site created using create-react-app" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link rel="stylesheet" href="../src/Font/">
<title>React App</title>
</head>
<body>
<div id="root"></div>
</body>
</html>
\ No newline at end of file
public/logo192.png

5.22 KiB

public/logo512.png

9.44 KiB

{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}
# https://www.robotstxt.org/robotstxt.html
User-agent: *
Disallow:
* {
padding: 0;
margin: 0;
box-sizing: border-box;
scroll-behavior: smooth;
}
body {
background: #131212;
font-family: "Poppins", sans-serif;
font-weight: 500;
}
img {
width: 100%;
}
.container {
max-width:1224px;
min-height: 100vh;
padding: 7rem 1.5rem 0 1.5rem;
margin: 0 auto;
}
@font-face {
font-family: "Poppins";
src: url(./Font/Poppins-Medium.ttf);
}
.title {
text-align: center;
margin-bottom: 3rem;
}
.title span {
color: #8c12f0;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 800;
letter-spacing: 5px;
}
.title h1 {
color: #fff;
font-size: 3rem;
position: relative;
}
@media screen and (max-width: 500px) {
.container {
padding: 7rem 1rem 0 1rem;
}
.title h1 {
font-size: 2.5rem;
}
}
import React from 'react'
import "./App.css"
import About from './components/container/About/About'
import Contact from './components/container/Contact/Contact'
import Footer from './components/container/Footer/Footer'
import Home from './components/container/Home/Home'
import Portfolio from './components/container/Portfolio/Portfolio'
import Skills from './components/container/Skills/Skills'
import Navbar from './components/Navbar/Navbar'
const App = () => {
return (
<div>
<Navbar />
<Home />
<About />
<Skills />
<Portfolio />
<Contact />
<Footer />
</div>
)
}
export default App
import { FaHtml5, FaCss3, FaNodeJs, FaReact, FaSass, FaFigma, FaPhoneAlt, FaUser, FaMapMarkerAlt, FaPaperPlane, FaDribbble, FaInstagram, FaLinkedin } from "react-icons/fa";
import { DiJavascript } from "react-icons/di";
import { SiTypescript } from "react-icons/si";
import { BsMedium } from "react-icons/bs";
import portfolio from "./assets/portfolio.jpg"
import work1 from "./assets/work1.png";
import work2 from "./assets/work2.png";
import work3 from "./assets/work3.png";
import work4 from "./assets/work4.png";
import work5 from "./assets/work5.png";
import work6 from "./assets/work6.png";
export const navLinks = ["home", "about", "skills", "portfolio", "contact"]
export const socialIcons = [
<FaDribbble />,
<FaInstagram />,
<FaLinkedin />,
<BsMedium />
]
export const bios = [
{
id: 1,
icon: <FaUser />,
key: "Nom",
value: "Declercq Renan"
},
{
id: 2,
icon: <FaPaperPlane />,
key: "Email",
value: "renan.declercq.etu@univ-lille.fr"
}
]
export const icons = [<FaHtml5 />, <FaCss3 />, <DiJavascript />, <SiTypescript />, <FaReact />, <FaNodeJs />, <FaSass />, <FaFigma />]
export const experiences = [
{
id: 1,
year: "2022",
position: "Senior Web Developer",
company: "shop.com.mm"
},
{
di: 2,
year: "2021",
position: "Junior Web Developer",
company: "shop.com.mm"
},
{
id: 3,
year: "2019",
position: "Intern Web Dveloper",
company: "shop.com.mm"
}
]
export const finishes = [
{
id: 1,
number: '6+',
itemName: "Years Of Experience"
},
{
id: 2,
number: "150+",
itemName: "Satisfied Customers"
},
{
id: 3,
number: "669+",
itemName: "Designed Items"
},
{
id: 4,
number: "117+",
itemName: "Clients Served"
}
]
export const workImages = [
{
id: 1,
img: work1,
name: "project 1",
category: "web"
},
{
id: 2,
img: work2,
name: "project 2",
category: "web"
},
{
id: 3,
img: work3,
name: "project 3",
category: "web"
},
{
id: 4,
img: work4,
name: "project 4",
category: "app"
},
{
id: 5,
img: work5,
name: "project 5",
category: 'app'
},
{
id: 6,
img: work6,
name: "project 6",
category: "design"
}
]
export const workNavs = [
"All", "Web", "App", "Design"
]
export const contacts = [
{
id: 1,
icon: <FaMapMarkerAlt />,
infoText: "16 Road, TharKayTa , Yangon"
},
{
id: 2,
icon: <FaPaperPlane />,
infoText: "abee02@gmail.com"
},
{
id: 3,
icon: <FaPhoneAlt />,
infoText: "+959-883-271-929"
}
]
File added
src/assets/portfolio.jpg

180 KiB

src/assets/work1.png

286 KiB

src/assets/work2.png

558 KiB

src/assets/work3.png

1.37 MiB

src/assets/work4.png

417 KiB

src/assets/work5.png

95.4 KiB

src/assets/work6.png

253 KiB

0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment