rhon3n.github.io's People
rhon3n.github.io's Issues
📱Add brand icons in experience tiles
I want to boost readability by including icons for the technologies used for various projects/education.
Add tech icons as a pattern behind hero text
🗂Improve App structure
We need to make the app easier to understand. I propose we restructure the directory of the app by adding a couple of helpful folders to the project:
helpers
This folder will hold any miscellaneous files and helper functions should we need them.
components
This folder will hold our new components.
Ideally we want the App.js file to be simple to understand to any new developer who joins the project.
🕴
🗄Further cleaning and refactoring of components in App.js
The following could be made into their own component.js files:
- Footer
- Navbar
- Tags
- Icons
- Hero
📋Fix ugly indents
I’ve noticed that for some reason my editor switched to 4 space indents instead of 2.
I think we just need to configure prettier for the project and apply the correct settings.
⤵ Import all necessary fa icons
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import {
faPaperPlane,
faStar,
faWater,
faEnvelope,
} from '@fortawesome/free-solid-svg-icons'
import { fab } from '@fortawesome/free-brands-svg-icons'
import {
faLinkedin,
faGithubSquare,
faGitSquare,
faReact,
faJsSquare,
faNodeJs,
faCss3,
faHtml5,
faEthereum,
faWix,
faFreeCodeCamp,
} from '@fortawesome/free-brands-svg-icons'
Add about me page
This about me page should include:
- A photo of me
- A brief description of my life
- A summary of what I'm looking forward to
- Some nice doodles by me
🎚Add theme toggle
Add a theme toggle component. Something along the lines of this https://inclusive-components.design/a-theme-switcher/
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.