Hi, folks. I'm Syarief.
A
About Me!
Hello! I'm Syarief Arifin, a passionate Software Engineer from Indonesia. I have experience handling customers' complaints in an e-commerce company and managing garment production, SAP administration, and graphic design in a fashion e-commerce startup.
Since I'm a problem solver at heart, I'm challenging myself to switch a career to the tech industry, applying my problem-solving skill in an industry that's capable of changing human lives.
I'm wide open for a chance to do an internship and part-time work as a front-end web developer since it is the closest thing to what I'm striving to be good at right now. Or, freelance projects to make you iconic and stand out on the internet!
Let's talk!Tools & Technologies!
(I currently use & learn )
- HTML
- CSS
- JavaScript
- Git/Github
- React
- TailwindCSS
- NextJS
- TypeScript
- AlpineJS
- Liquid
Projects!
Below are the projects I have done in learning web development as a self-learner. There are tags to give the information about the project. They are: personal project and course project from the course.
Habit List App
personal project
Technology used: HTML, CSS, JavaScript, React, Tailwind CSS
Habit List App is a personal project that I made because of my process learning from John Smilga's React Course and also reading Atomic Habits by James Clear. In this application, I create a level up version of to-do list app into the Habit List App. The app is very simple and functional to build your own habits! It used React Technologies like Hooks, React Icons, React Router, useReducer and ContextAPI.
The features:
- In the Maker! section, you can create a group of activity and submit it into habit list. There are features to add, delete, edit, and arrange the position of the activity.
- After that you can go to the Trainer! section. In this section, you can see the habit list you previously created. You can extend the habit list and go to details to train your habit!
- After clicking the details, you can go to each habit list page to train your best to build your habit. First, you can arrange how long will train the habit. Then, you can progress everything with the generated button.
Pokemon Log Details Web API
personal project
Technology used: HTML, CSS, JavaScript
Pokemon Log Details API was a project made by optimizing the vast amount of data from PokeAPI. To make the project run smoothly, it used the best practice of Asynchronous JavaScript. I also used my experience playing Pokemon, giving retro taste to design and the best way to show PokeAPI data.
The features:
- Auto-generate the first twenty Pokemon.
- When you click the Pokemon box, it will show the pokemon attribute details.
- You can click the abilities and moves to give more explanation about it.
- You can search pokemon name by using index or name of the Pokemon
Dev Portfolio
personal project
Technology used: HTML, CSS, JavaScript
Dev Portfolio is the way I showcase what I've been learning so far. It shows my profile, project, contact. It's fully responsive site.
Cuisine Restaurant Web Pages
personal project
Technology used: HTML, CSS, JavaScript
Cuisine Restaurant Project is one of the HTML & CSS implementation projects from #100Devs Software Engineering Bootcamp. Leon curated the list of the web for us to implement the skill of HTML & CSS and translate the visual picture into code. I used HTML and CSS as the foundation to create the web page and its structure. Then, adding javascript to add the interactivity at some sections is needed. Design is from Mithun Ray
Omnifood
course project
Technology used: HTML, CSS, JavaScript
Omnifood is the landing pages website for made-up A.I. Powered personalized healthy foods and diets company. It is the final projects of Jonas Schmedtmann Course that mostly taught HTML & CSS. It applies the good practice of HTML, CSS, Flexbox, Grid layout, UI & UX Design, full Responsive to media, and file optimizations. The website also applies JavaScript for the burger navigation.