https://github.com/theremotecoder/code-portfolio-examples
Development portfolio - Code excerpts from other projects + live demos.
https://github.com/theremotecoder/code-portfolio-examples
css css3 ecmascript ecmascript6 eslint html html5 javascript js json mysql next node php php7 react recoil sql ts typescript
Last synced: 10 months ago
JSON representation
Development portfolio - Code excerpts from other projects + live demos.
- Host: GitHub
- URL: https://github.com/theremotecoder/code-portfolio-examples
- Owner: TheRemoteCoder
- License: other
- Created: 2023-07-03T12:42:40.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-26T15:25:12.000Z (over 2 years ago)
- Last Synced: 2025-01-09T21:35:38.883Z (11 months ago)
- Topics: css, css3, ecmascript, ecmascript6, eslint, html, html5, javascript, js, json, mysql, next, node, php, php7, react, recoil, sql, ts, typescript
- Language: TypeScript
- Homepage:
- Size: 111 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Code Portfolio – Example apps
- [About](#about)
- [Use](#how-to-use)
- [Notes](#notes)
---
## About
A collective 'behind the scenes' portfolio showcase to accompany other visual and live demo references.
Primarily intended as one-stop source to be reviewed by other developers to assess the code style and quality.
It can also be a source of inspiration for new projects.
### Content
| Type | Details | Stack |
|------|---------|-------|
| Cart application frontend *1 | MVP/POC app - Product sales register, JSON API | React, Recoil, TS, HTML 5, CSS X |
| Data API, User input validation | Backend with PHP API | PHP 7, MySQL |
| E-Learning frontend | Frontend UI - Custom components + Architecture | Webpack, TS, JS, HTML 5, CSS X |
| Micro frontend / SPA | Landingpage with Atomic Design principles | React, Next, TS, HTML 5, CSS X |
| Quiz app | Dynamic frontend, JSON API | JS, TS, HTML 5, CSS X |
> *1 Is an extract from [Market Products Store](https://github.com/Codeconut-Ltd/GH-Market-Products-Store).
---
## How to use
Review the code quality from a developer's perspective.
This is about the tech stack, code quality, and architectural solutions.
Code has been grouped into the primary stack. For all projects, this also includes HTML 5 and CSS 3/X.
Projects have been created over a range of years and under different circumstances (e.g., budget, deadline, tooling ecosystem, standards).
---
## Notes
Any code shown here has been based on specific requirements and problems to be solved at that time.
The presented application shells are stripped-down and non-functional sources. The code can't be installed or run. An IDE likely shows errors due to missing resources.
_Due to the nature of this being a static code demo, functionality was not a concern. While preparing these files, it's likely that some syntax errors might have appeared. The code has been automatically 'prettified', but not checked afterward._