Code Monkey home page Code Monkey logo

Hi there, Iā€™m Carl šŸ‘‹

Iā€™m a frontend / Javascript / React developer

  • šŸŖ Frontend Stack: ReactJS, HTML5, CSS3, NPM, Yarn, MaterialUI, React Router, Redux, useContext
  • šŸ›  Backend Stack: NodeJS, ExpressJS, Flask, Pandas, MySQL, MongoDB, FireBase, AWS Elastic Beanstalk, RDS, S3.
  • šŸ‘Øā€šŸ’» Languages: Javascript, JS ES2015, Python, learning Typescript
  • šŸ§­ Future: Next.js Tensorflow.js Web3 React Native
  • šŸ“« How to reach me: [email protected]

REACT PROJECTS

Fullstack Disney Plus clone (build from scratch), with admin to manage movies and admins.

React frontend using custom hooks, React Context state management, React Routing
Firebase backend, hooks for authentication, sorage for image files, and firestore users/ movies database
Live frontend: https://disney-plus-clone-9c8f4.web.app/
Live Admin: https://disney-plus-clone-9c8f4.web.app/admin email/password: [email protected]/123456)
Repo: https://github.com/CarlEvaristo/disney-plus

Fullstack Social Media Blog (build from scratch), AWS EC2, RDS, CI/CD.

React Router, React Context state management, and custom hooks. React frontend and NodeJS/ ExpressJS backend deployed to AWS EC2 instance, with MySQL database deployed to AWS RDS, and Cloudinary for image storage. Used AWS Code Pipeline to create as CI/CD integration with GitHub.
Live: http://socialmediaserver-env.eba-3v5vf2qa.us-east-1.elasticbeanstalk.com/
Repo: https://github.com/CarlEvaristo/social-media-site

Fullstack Tenzies Game, React frontend, nodejs/express/mongodb backend, deployed to Heroku

A dice game, MERN stack: React, hooks, Nodejs, Express, Mongodb, css flexbox, gridbox and animation
I invited other Scrimba developers to battle eachother for the highest score
Live: https://tranquil-ocean-78455.herokuapp.com/
Repo: https://github.com/CarlEvaristo/tenzies-game

Fullstack Chat app deployed to Firebase

React, hooks, firebase authentication, stored to firestore cloud database
Live: https://chat-app-2c50f.web.app/
Repo: https://github.com/CarlEvaristo/chat-app-firebase
This project came after these studies on:

Quizzical: An advanced multiple choice quiz in React deployed to Vercel

React, hooks, React forms
Live: https://quizzical-lime.vercel.app/
Repo: https://github.com/CarlEvaristo/quizzical

A Photo eCommerce site

React hooks (useState, useEffect, useRef, useParams, custom hooks), React Routes, gridbox layout
Live: https://images-ecommerce-site.vercel.app/
Repo: https://github.com/CarlEvaristo/images-ecommerce-site

A Markdown Notes Editor deployed to Vercel

I build this md editor to make it easier to write my own readme files.
Live: https://notes-app-seven-green.vercel.app
Repo: https://github.com/CarlEvaristo/notes-app

React Router: a single page app with multiple routes.

React Router, using useState, useEffect, useRef, useParams hooks, and custom hamburger menu
Live: https://react-router-practice-brown.vercel.app/
Repo: https://github.com/CarlEvaristo/react-router-practice

Tic Tac Toe game in React deployed to Vercel

React, useState and useEffect hooks, gridbox layout
Live: https://tic-tac-toe-eosin-mu.vercel.app/
Repo: https://github.com/CarlEvaristo/tic-tac-toe

Speed Typing Game

React game using useState, useEffect, useRef, and custom hooks
Live: https://speed-typing-react-game.vercel.app/
Repo: https://github.com/CarlEvaristo/speed-typing-react-game

A Google Keep app clone deployed to Github

Still a work in progress.
https://carlevaristo.github.io/keeper-app-finish/

Dynamically rendered React practice projects deployed to Vercel

React, useState and useEffect hooks, flex- and gridbox layouts, meme-images fetched from API: https://imgflip.com/api
https://airbnb-experiences-eight.vercel.app/
https://travel-journal-ivory-two.vercel.app/
https://meme-generator-sooty-mu.vercel.app/

Static React practice projects deployed to Vercel

My first React practice projects, without dynamic rendering of components.
https://react-study-project-2.vercel.app/
https://solo-project-1-bice.vercel.app/

NEXTJS STUDY PROJECTS

My first NextJS practice project, fetch prices data from crypto api
https://nextjs-kohl-tau-19.vercel.app/coins

JAVASCRIPT STUDY PROJECTS

https://carlevaristo.github.io/momentum-browser-extension/
https://carlevaristo.github.io/movie-watchlist/
https://carlevaristo.github.io/Card-Game/
https://carlevaristo.github.io/color-scheme-generator/
https://carlevaristo.github.io/blog-space/
https://carlevaristo.github.io/bored-bot/
https://carlevaristo.github.io/role-playing-game/
https://carlevaristo.github.io/dice-game/
https://carlevaristo.github.io/carousel/
https://carlevaristo.github.io/modal-invoice/
https://carlevaristo.github.io/chrome-extension/
https://carlevaristo.github.io/password-generator/
https://carlevaristo.github.io/blackjack-game/
https://carlevaristo.github.io/unit-converter-app/

NODEJS PROJECTS

Basic React/Express/mySQL employee input form with CRUD functionality

This was an project to learn integrate React with a mySQL based backend.
Repo: https://github.com/CarlEvaristo/basic-crud-sql-site

Custom RESTful API

A custom RESTful API for a blog website, using a MongoDB database server. Deployed to Heroku and MongoDB Atlas. API documentation made with Postman. I Used server-side rendering with EJS to build a frontend, to publish the API's documentation and as testing environment for GET, POST, PUT, and DELETE requests:
https://marvelous-saguaro-16795.herokuapp.com/

Car Wish List

Saves data to MongoDB database, using node, express, and EJS for server-side rendering.
Deployed on Heroku and MongoDB Atlas.
https://flannel-minister-92006.herokuapp.com/

Mailchimp Newsletter signup page

Node backend, sends data to Mailchimp API, deployed on Heroku.
https://ancient-cove-95628.herokuapp.com/signup.html

To Do List

Saves todo's in backend, using node, express, and EJS for rendering templates, deployed on Heroku.
https://sheltered-hollows-21071.herokuapp.com/

Nodejs study repo's

https://github.com/CarlEvaristo/nodejs-weather-app
https://github.com/CarlEvaristo/NodeJS-BMIcalculator
https://github.com/CarlEvaristo/minimalistic-nodejs-server

RESPONSIVENESS / FLEXBOX/ MOBILE-FIRST STUDY PROJECTS

https://carlevaristo.github.io/barbecue-landing-page/
https://carlevaristo.github.io/CSS-fundamentals-challenge/
https://carlevaristo.github.io/The-Simple-Life---mobile-first-approach/
https://carlevaristo.github.io/NFT-website-design/
https://carlevaristo.github.io/hometown-homepage/
https://carlevaristo.github.io/cv/

CSS3 GRIDBOX/ API PRACTICE PROJECTS

https://carlevaristo.github.io/Movie-db-frontend/
https://carlevaristo.github.io/API-of-APIs/
https://carlevaristo.github.io/Book-gallery-gridbox-practice/
https://carlevaristo.github.io/Pokemon-Cards-fetch-gridbox/
https://carlevaristo.github.io/Gridbox-Portfolio-Layout-Example/
https://carlevaristo.github.io/Gridbox-Areas-Study/
https://carlevaristo.github.io/gridbox-practice/

CSS3 FLEXBOX/ API PRACTICE PROJECTS

https://carlevaristo.github.io/flexbox-practice/
https://carlevaristo.github.io/Flexbox-Practice-2/

PYTHON / ALGORITHMIC TRADING STUDY REPO'S

https://github.com/CarlEvaristo/elon-musk-bot/blob/master/ElonBot.py
https://github.com/CarlEvaristo/decentralized-mango-markets-data-fetching
https://github.com/CarlEvaristo/phemex-ftx-spot-perp-arbitrage-asyncio
https://github.com/CarlEvaristo/bybit-ftx-arbitrage-study
https://github.com/CarlEvaristo/cython-study
https://github.com/CarlEvaristo/multi-threading-study

carlevaristo's Projects

bootstrap icon bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    šŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. šŸ“ŠšŸ“ˆšŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ā¤ļø Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.