Coder Social home page Coder Social logo

Hi there 👋

This is Fan Zhang, a fullstack software engineer who's passionate about building web applications that suit users' need and ease people's life.

JavaScript React React Router Typescript Next JS NodeJS Express.js Flask Socket.io CSS3

MySQL Postgres MongoDB

Firebase AWS Nginx

Contact Info

LinkedIn

Portfolio Projects

  • Modern Bank Website (Front End) JavaScript | React | Tailwind CSS

    Built a fully responsive website based on Figma design Preview

  • MacroMacro E-commerce (Front End) JavaScript | React | Styled Components | NodeJS | Express

    Built the navigation bar, Product overview, and footer sections of an E-commerce website

  • Atelier Systems Design (Back End) JavaScript | NodeJS | PostgreSQL | AWS | Nginx

    Built a RESTful API for Q&A sections of an E-commerce website with over 1M products

  • BetterEats (Full Stack) JavaScript | React | React-router-dom | Firebase | NodeJS | Express | MERN

    Nutrition intake tracker with historical profile stats and nearby restaurants and grocery stores recommendations

  • TocToc (Full Stack) TypeScript | NextJS | Sanity | Tailwind

    A video-sharing platform that allows users to browse, upload, comment, and like posted videos.

  • AppTrack (Full Stack) TypeScript | React | Python | Flask | Material-UI

    Application tracker with retrieve, add, edit, and delete functions

Technical Skills

  • Front End: JavaScript (ES5 and ES6) | React | React-Router-dom | TypeScript | HTML5 | CSS | JQuery | MUI | Tailwind CSS | NextJS
  • Back End: Node.js | Express | Axios | Flask (Python) | MongoDB | PostgreSQL | MySQL | RESTful API Development
  • Testing/Deployment: Jest | Mocha | Chai | AWS: EC2 | Loader.io | K6 | NGINX | Docker
  • Developer Tools: Vim | Git | Npm | Webpack | Babel | Nodemon | Postman

Tutorials Recommendations

I find watching Youtube tutorials a good way to learn new techniques and here are some projects I found useful.

Fan Zhang's Projects

flask-auth icon flask-auth

A simple login and authentication example using Flask

livechatapp icon livechatapp

This is a real time chat app built with React, Node.js, Socket.io and adopted MERN stack based on Lama Dev's youtube tutorial: Realtime Chat App with React, Node.js, Socket.io | MERN Stack Messenger Clone

mlator icon mlator

The repository is for the web application Mlator, which is a platform for automate Manga translation

pizzaorderweb-nextjs icon pizzaorderweb-nextjs

This is a food ordering application created with Next.js following the youtube tutorials kindly shared by Lama Dev: Food Ordering App UI Design Using React Next.js | Responsive Restaurant Website.

showcase_rn icon showcase_rn

A showcase website for a react native project: NFT marketplace

usbrewerylist icon usbrewerylist

This web application delivers brewery lists with search and navigation functions in Google Map.

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.