https://github.com/cbedroid/personal-portfolio
FreeCodeCamp Personal Portfolio built in React
https://github.com/cbedroid/personal-portfolio
api cbedroid django django-rest-framework docker freecodecamp freecodecamp-project personal-portfolio personal-website portfolio python react react-query tailwindcss website-development
Last synced: 8 months ago
JSON representation
FreeCodeCamp Personal Portfolio built in React
- Host: GitHub
- URL: https://github.com/cbedroid/personal-portfolio
- Owner: cbedroid
- Created: 2022-03-13T11:50:16.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2023-06-20T00:15:19.000Z (almost 3 years ago)
- Last Synced: 2025-05-31T13:02:00.497Z (about 1 year ago)
- Topics: api, cbedroid, django, django-rest-framework, docker, freecodecamp, freecodecamp-project, personal-portfolio, personal-website, portfolio, python, react, react-query, tailwindcss, website-development
- Language: Python
- Homepage: https://cbedroid-portfolio.vercel.app/
- Size: 51.5 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.rst
Awesome Lists containing this project
README
=====================================
FreeCodeCamp Personal Portfolio Website
=====================================
In this projects, I was given the task to create a personal portfolio website demonstrating my front-end skills and experience as a web developer.
It was recommended that we use a safe and easy front-end language for building this website, but I decided to showcase my skill as a web developer and used ReactJS.
The **Objective** for this project: Build a CodePen.io app that is functionally similar to this: `CodePen `_.
A FreeCodeCamp Personal Portfolio Project of the Responsive Web Design Curriculum. Visit FreeCodeCamp_ for more details.
.. _Demo: https://cbedroid-portfolio.vercel.app/
.. |Demo| replace:: **Demo**
Live Demo: :rocket: |Demo|_
.. image:: https://user-images.githubusercontent.com/54720725/206893830-a8fae700-41d5-4995-97f7-a7c4c3c8630d.gif
:alt: Person-profolio
:align: center
Tools and Skills
----------------
Here are some of the tools and skills used to build this web app.
- `Python `_ - is a programming language that lets you work quickly and integrate systems more effectively.
- `Django `_ - is a high-level Python web framework that encourages rapid development and clean, pragmatic design.
- `Django REST framework `_ - framework is a powerful and flexible toolkit for building Web APIs.
- `ReactJS `_ - A JavaScript library for building scalable user interfaces.
- `PostgreSQL `_ - is a free and open-source relational database management system (RDBMS) emphasizing extensibility and SQL compliance.
- `NGINX `_ - is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server.
- `Docker `_ - is a software platform that use OS-level virtualization to build, test, and deploy software in packages called containers.
- `Javascript ES12 `_ - is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions.
- `Typescript `_ - is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
- `Redux-toolkit `_ - is the official Redux tool, opinionated, with batteries for efficient Redux development.
- `React-Query `_ - A library that makes fetching, caching, synchronizing and updating server state in your React applications a breeze.
- `React-Hook-Form `_ - is a library that helps you validate forms in React.
- `Yup `_ - is a JavaScript schema builder for value parsing and validation.
- `React Router `_ - Client side routing that allows your app to update the URL from a link click without making another request.
- `MomentJS `_ - is a free and open source JavaScript library that removes the need to use the native JavaScript Date object directly.
- `TailwindCSS `_ - A utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup.
- `Tailwind JIT `_ - A new just-in-time compiler for Tailwind CSS that generates your styles on-demand instead of building it at build time.
- `SASS `_ - is a stylesheet language that’s compiled to CSS and allow you to use variables, nested rules, mixins, functions, and more.
- `ESLint `_ - is a static code analysis tool for identifying problematic patterns found in JavaScript code.
- `Airbnb Javascript/React Styleguide `_ - A mostly reasonable approach to React and JSX.
... and more to come!
.. _FreeCodeCamp: https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage/