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.
Live Demo: 🚀 Demo
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!