Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zyx-0314/portfolio

Portfolio Project
https://github.com/zyx-0314/portfolio

Last synced: 2 days ago
JSON representation

Portfolio Project

Awesome Lists containing this project

README 

        








  

    Logo

  



  
Portfolio Project






  Personal Portfolio, Compilation of My Works, Experiences and Skills.








---










  Table of Contents

  
    

        
  1. 

          About The Project

          

        
    2. 

        
  2. Versions
    3. 

        
  3. Road Map
    4. 

      










---



## About The Project 📝



The project is created to showcase the project that I have done, my experiences and skills. The project is also a way to learn new technologies and improve my skills.



You can check the UI/UX Design in [Figma](https://www.figma.com/community/file/1268740358486001871/Portfolio-Project).



[![Figma][Figma.com]][Figma.url]







### Built With 🛠️



[![Next][NextJS.com]][NextJS-url] [![Tailwind][TailwindCSS.com]][NextJS-url] [![Emotion][Emotion.com]][Emotion-url] [![FramerMotion][FramerMotion.com]][FramerMotion-url]



(back to top)



---







## Versions ✅



Version List.

- v.1.0.0

  - Based From 2023 Resume After Graduation in College.

- v.1.0.6

  - Improve Display for Mobile

  - Add New Project

  v.1.0.8

  - Improve SEO Score and Optimization of Performance



  







(back to top)



---



## Road Map 📌



- Add Volunteer Works Section

- Add Education and Certifications Section

  - Education Section

  - MOOC Certifications Section

  - Specialized Certifications Section

- Add Project Information Page







(back to top)



[Laravel.com]: https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white

[Laravel-url]: https://laravel.com

[CakePHP.com]: https://img.shields.io/badge/CakePHP-D33C43?style=for-the-badge&logo=cakephp&logoColor=white

[CakePHP-url]: https://cakephp.org

[ASP.NET.com]: https://img.shields.io/badge/ASP.NET-5C2D91?style=for-the-badge&logo=.net&logoColor=white

[ASP.NET-url]: https://dotnet.microsoft.com/apps/aspnet

[NextJS.com]: https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white

[NextJS-url]: https://nextjs.org

[Django.com]: https://img.shields.io/badge/Django-092E20?style=for-the-badge&logo=django&logoColor=white

[Django-url]: https://www.djangoproject.com

[Flask.com]: https://img.shields.io/badge/Flask-000000?style=for-the-badge&logo=flask&logoColor=white

[Flask-url]: https://flask.palletsprojects.com/en/2.0.x/

[ExpressJS.com]: https://img.shields.io/badge/Express.js-404D59?style=for-the-badge

[ExpressJS-url]: https://expressjs.com

[KoaJS.com]: https://img.shields.io/badge/Koa-black?style=for-the-badge&logo=koa&logoColor=white

[KoaJS-url]: https://koajs.com

[Spring.com]: https://img.shields.io/badge/Spring-6DB33F?style=for-the-badge&logo=spring&logoColor=white

[Spring-url]: https://spring.io



[React.com]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB

[React-url]: https://reactjs.org

[Angular.com]: https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white

[Angular-url]: https://angular.io

[VueJS.com]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vue.js&logoColor=4FC08D

[VueJS-url]: https://vuejs.org

[Svelte.com]: https://img.shields.io/badge/Svelte-FF3E00?style=for-the-badge&logo=svelte&logoColor=white

[Svelte-url]: https://svelte.dev

[EmberJS.com]: https://img.shields.io/badge/Ember.js-E04E39?style=for-the-badge&logo=ember.js&logoColor=white

[EmberJS-url]: https://emberjs.com

[BackboneJS.com]: https://img.shields.io/badge/Backbone.js-0071B5?style=for-the-badge&logo=backbone.js&logoColor=white

[BackboneJS-url]: https://backbonejs.org

[PreactJS.com]: https://img.shields.io/badge/Preact-673AB8?style=for-the-badge&logo=preact&logoColor=white

[PreactJS-url]: https://preactjs.com

[SemanticUI.com]: https://img.shields.io/badge/Semantic%20UI-35bdb2?style=for-the-badge&logo=semantic-ui&logoColor=white

[SemanticUI-url]: https://semantic-ui.com



[TailwindCSS.com]: https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white

[TailwindCSS-url]: https://tailwindcss.com

[Bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white

[Bootstrap-url]: https://getbootstrap.com

[Stylus.com]: https://img.shields.io/badge/Stylus-333333?style=for-the-badge&logo=stylus&logoColor=white

[Stylus-url]: https://stylus-lang.com

[Emotion.com]: https://img.shields.io/badge/Emotion-DB7093?style=for-the-badge&logo=styled-components&logoColor=white

[Emotion-url]: https://emotion.sh

[FramerMotion.com]: https://img.shields.io/badge/Framer_Motion-000000?style=for-the-badge&logo=framer&logoColor=white

[FramerMotion-url]: https://www.framer.com/motion/



[TensorFlow.com]: https://img.shields.io/badge/TensorFlow-FF6F00?style=for-the-badge&logo=tensorflow&logoColor=white

[TensorFlow-url]: https://www.tensorflow.org

[PyTorch.com]: https://img.shields.io/badge/PyTorch-EE4C2C?style=for-the-badge&logo=PyTorch&logoColor=white

[PyTorch-url]: https://pytorch.org



[MySQL.com]: https://img.shields.io/badge/MySQL-00000F?style=for-the-badge&logo=mysql&logoColor=white

[MySQL-url]: https://www.mysql.com

[AmazonRDS.com]: https://img.shields.io/badge/Amazon%20RDS-232F3E?style=for-the-badge&logo=amazon-aws&logoColor=white

[AmazonRDS-url]: https://aws.amazon.com/rds

[MicrosoftSQLServer.com]: https://img.shields.io/badge/Microsoft%20SQL%20Server-CC2927?style=for-the-badge&logo=microsoft-sql-server&logoColor=white

[MicrosoftSQLServer-url]: https://www.microsoft.com/en-us/sql-server

[Oracle.com]: https://img.shields.io/badge/Oracle-F80000?style=for-the-badge&logo=oracle&logoColor=white

[Oracle-url]: https://www.oracle.com/database

[GoogleCloudSQL.com]: https://img.shields.io/badge/Google%20Cloud-4285F4?style=for-the-badge&logo=google-cloud&logoColor=white

[GoogleCloudSQL-url]: https://cloud.google.com/sql

[AzureSQL.com]: https://img.shields.io/badge/Azure%20SQL%20Database-0078D4?style=for-the-badge&logo=microsoft-azure&logoColor=white

[AzureSQL-url]: https://azure.microsoft.com/en-us/services/sql-database

[PortgreSQL.com]: https://img.shields.io/badge/PostgreSQL-316192?style=for-the-badge&logo=postgresql&logoColor=white

[PortgreSQL-url]: https://www.postgresql.org

[MariaDB.com]: https://img.shields.io/badge/MariaDB-003545?style=for-the-badge&logo=mariadb&logoColor=white

[MariaDB-url]: https://mariadb.org

[SQLite.com]: https://img.shields.io/badge/SQLite-07405E?style=for-the-badge&logo=sqlite&logoColor=white

[SQLite-url]: https://www.sqlite.org/index.html



[MongoDB.com]: https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white

[MongoDB-url]: https://www.mongodb.com

[Cassandra.com]: https://img.shields.io/badge/Apache%20Cassandra-1287B1?style=for-the-badge&logo=apache-cassandra&logoColor=white

[Cassandra-url]: https://cassandra.apache.org

[Redis.com]: https://img.shields.io/badge/Redis-DC382D?style=for-the-badge&logo=redis&logoColor=white

[Redis-url]: https://redis.io

[ApacheCouchDB.com]: https://img.shields.io/badge/Apache%20CouchDB-D32500?style=for-the-badge&logo=apache-couchdb&logoColor=white

[ApacheCouchDB-url]: https://couchdb.apache.org

[ApacheHBase.com]: https://img.shields.io/badge/Apache%20HBase-FF7A00?style=for-the-badge&logo=apache&logoColor=white

[ApacheHBase-url]: https://hbase.apache.org



[Apache.com]: https://img.shields.io/badge/Apache-D22128?style=for-the-badge&logo=apache&logoColor=white

[Apache-url]: https://httpd.apache.org

[Tomcat.com]: https://img.shields.io/badge/Apache%20Tomcat-F8DC75?style=for-the-badge&logo=apache-tomcat&logoColor=black

[Tomcat-url]: https://tomcat.apache.org

[NGINX.com]: https://img.shields.io/badge/Nginx-009639?style=for-the-badge&logo=nginx&logoColor=white

[NGINX-url]: https://www.nginx.com

[LiteSpeed.com]: https://img.shields.io/badge/LiteSpeed-0000FF?style=for-the-badge&logo=litespeed&logoColor=white

[LiteSpeed-url]: https://www.litespeedtech.com

[CentOS.com]: https://img.shields.io/badge/CentOS-262577?style=for-the-badge&logo=centos&logoColor=white

[CentOS-url]: https://www.centos.org

[Caddy.com]: https://img.shields.io/badge/Caddy-00A9E0?style=for-the-badge&logo=caddy&logoColor=white

[Caddy-url]: https://caddyserver.com

[Lighttpd.com]: https://img.shields.io/badge/Lighttpd-1FB815?style=for-the-badge&logo=lighttpd&logoColor=white

[Lighttpd-url]: https://www.lighttpd.net

[MicrosoftIISServer.com]: https://img.shields.io/badge/Microsoft%20IIS-00599C?style=for-the-badge&logo=microsoft&logoColor=white

[MicrosoftIISServer-url]: https://www.iis.net



[Keras.com]: https://img.shields.io/badge/Keras-D00000?style=for-the-badge&logo=Keras&logoColor=white

[Keras-url]: https://keras.io



[Docker.com]: https://img.shields.io/badge/Docker-2CA5E0?style=for-the-badge&logo=docker&logoColor=white

[Docker-url]: https://www.docker.com

[Kubernetes.com]: https://img.shields.io/badge/Kubernetes-326CE5?style=for-the-badge&logo=kubernetes&logoColor=white

[Kubernetes-url]: https://kubernetes.io



[NPM.com]: https://img.shields.io/badge/NPM-CB3837?style=for-the-badge&logo=npm&logoColor=white

[NPM-url]: https://www.npmjs.com

[Composer.com]: https://img.shields.io/badge/Composer-885630?style=for-the-badge&logo=composer&logoColor=white

[Composer-url]: https://getcomposer.org/

[Yarn.com]: https://img.shields.io/badge/Yarn-2C8EBB?style=for-the-badge&logo=yarn&logoColor=white

[Yarn-url]: https://yarnpkg.com



[Artisan.com]: https://img.shields.io/badge/Artisan-FF2D20?style=for-the-badge&logo=laravel&logoColor=white

[Artisan-url]: https://laravel.com/docs/8.x/artisan

[ScikitLearn.com]: https://img.shields.io/badge/scikit_learn-F7931E?style=for-the-badge&logo=scikit-learn&logoColor=white

[ScikitLearn-url]: https://scikit-learn.org/stable/



[NodeJS.com]: https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=node.js&logoColor=white

[NodeJS-url]: https://nodejs.org/en/



[JavaScript.com]: https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black

[JavaScript-url]: https://www.javascript.com

[TypeScript.com]: https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white

[TypeScript-url]: https://www.typescriptlang.org

[PHP.com]: https://img.shields.io/badge/PHP-777BB4?style=for-the-badge&logo=php&logoColor=white

[PHP-url]: https://www.php.net

[Java.com]: https://img.shields.io/badge/Java-ED8B00?style=for-the-badge&logo=java&logoColor=white

[Java-url]: https://www.java.com/en/

[Python.com]: https://img.shields.io/badge/Python-14354C?style=for-the-badge&logo=python&logoColor=white

[Python-url]: https://www.python.org

[C++.com]: https://img.shields.io/badge/C++-00599C?style=for-the-badge&logo=c%2B%2B&logoColor=white

[C++.url]: https://www.cplusplus.com

[C.com]: https://img.shields.io/badge/C-00599C?style=for-the-badge&logo=c&logoColor=white

[C.url]: https://www.cprogramming.com

[CSharp.com]: https://img.shields.io/badge/C%23-239120?style=for-the-badge&logo=c-sharp&logoColor=white

[CSharp.url]: https://docs.microsoft.com/en-us/dotnet/csharp/

[Kotlin.com]: https://img.shields.io/badge/Kotlin-0095D5?style=for-the-badge&logo=kotlin&logoColor=white

[Kotlin.url]: https://kotlinlang.org

[Go.com]: https://img.shields.io/badge/Go-00ADD8?style=for-the-badge&logo=go&logoColor=white

[Go.url]: https://golang.org

[Ruby.com]: https://img.shields.io/badge/Ruby-CC342D?style=for-the-badge&logo=ruby&logoColor=white

[Ruby.url]: https://www.ruby-lang.org/en/

[Rust.com]: https://img.shields.io/badge/Rust-000000?style=for-the-badge&logo=rust&logoColor=white

[Rust.url]: https://www.rust-lang.org



[Figma.com]: https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white

[Figma.url]: https://www.figma.com