Some projects that I have made.
This website I created with the intention of serving as both a showcase and a portfolio. This application was also related to the binus internship program because it required a website, which I didn't have at the time. I built this website with Typescript, Next.js, Chakra-UI and will eventually integrate CMS for the blog section so that I can share my experience with you guys. I also hosted this website on vercel and purchased a domain (kreivc.com) on namecheap to make a more professional impression. In the future, I plan to finish the blog feature that will most likely use strapi, and I will keep this website up to date on a regular basis. Don't forget that I've included a contact section that is directly integrated with my personal email, so you can provide feedback or suggestions for the website's development.
$MuskTweetElon is my sixth cryptocurrency freelance project, and I'm still working with the same client, who asked me to design a website with a cute theme, similar to that of a baby doge. This project was created using Next.js and Chakra-UI, and all that remains is for the client to approve or revise it.
I built this application as a personal website while sharpening my Next.js skills. This application is currently in development, and users can do the following: register, login, view product, add to cart, update cart, delete cart, checkout with PayPal, and view payment history. This application was built with boostsrap, and the database is mongoDB. During the development of this application, I learned a lot about authentication using JWT as well as state management using contextAPI.
TCon.V2 is an improved version of our group's previous semester's software engineering project TCon (Technology Consultant), which we decided to take to entrepreneur market validation and decided to change the entire stack used in this application to: Frontend: Next.js, Chakra-UI and Backend: Fast API, MongoDB. We also added some features based on the feedback grid that we summarized, and this application will eventually be available to the public.
$ForAda is my fifth cryptocurrency freelance project, and I'm still working with the same client, who asked me to create a website with a professional theme. This project was created using Next.js and Chakra-UI, and all that remains is for the client to approve or revise it.
I was there with my team (BucinDev), which had four people participating in a Hackathon organized by Technoscape. We are given a case in the form of ticket booking cases / reservations for both hotels and apartments that must be linked with travel agent services, and we must also consider the covid-19 condition. We built the system in Laravel, with chat features, in-app payment, and covid indicators to mark covid-prone areas. We complete the application within two days of receiving the case. Despite the fact that we did not win, we are grateful for the experiences we gained, such as cooperation and creativity that was indirectly taught to us.
$AdaConda is my fourth cryptocurrency freelance project for the same client. The client asked me to design a new layout with a dark color scheme, and I considered experimenting with Chakra-UI and Tailwind CSS. After completing the project, I was able to conclude that the combination of Chakra-UI and Tailwind CSS was inefficient and reduced performance.
I've tried to create a blog in the past, but this time I want to start a blog with my best stack, which is (Next.js, Prisma, Chakra-UI). I also studied OAuth with the help of NextAuth as an authentication method that is useful as password-less authentication in order to speed up the development process. The project is also deployed using Vercel, with databases (Postgres) hosted on Supabase.
In this project, I practiced Chakra-UI and Prisma skills while also learning GraphQL. I built the ToDoList app with the CRUD system in mind, but it makes use of GraphQL. I was impressed with the GraphQL system because it only requires one endpoint and can respond data as needed. I also like Prisma ORM because it has a built-in table viewer (Prisma Studio) that allows us to easily see and control data. This project was also deployed in Vercel, and the databases were hosted by Supabase.
As you are aware, I labeled my cryptocurrency project with the prefix '$' and this is my third cryptocurrency freelance project. This time, the clients want a new design with bright colors for their project. In addition to practicing my tailwind skills, I created this project with Tailwind CSS and additional animation from the AOS library that creates objects when scrolling issues animations. To make the hero's part more interesting, I also added particles.js.
This website is the result of my recent learning of the following stacks: Next.js, Chakra-UI, Prisma, Docker, and Typescript. I frequently create list stacks that I want to learn, and I believe this is the time. I tried to create a simple user management application using Next.js with UIkit styling from Chakra-UI, which I thought was very easy and cool, and I learned how to use Docker as a database (Postgres) and Prisma as an ORM so that I didn't have to write queries from scratch. Everything went smoothly, and I asked my friend a few questions about Typescript to gain a better understanding. Then I deploy the website to vercel and hosted a database (Postgres) with supabase providers.
$AdaZeus is my second freelance project with the same client, following $PEE. The client requested a website with the same design as before, but with a different color scheme. I also made it, and because it's a cryptocurrency project, I learned and added Web3 integration so that users can click a button and the address of crypto on the website will be automatically entered into the user's metamask wallet. So that cryptocurrency users will be more interested in the website and it will be easier for users to directly add $AdaZeus addresse to their respective wallets.
Tempcode is a website I created because many Facebook users have difficulty asking questions about the code they create with screenshoot. The website I create is useful for copying all of the code owned by the user, as well as its format, and temporarily storing it on the MongoDB database. The saved code will immediately create an ID and can be shared with lint, which is already available on the website I created. This site was built using the Next.js framework and Tailwind CSS. My friend was also involved in the process because when I asked him about typescript, he immediately refactored by changing my coding to Typescript. This project also the beginning of my fascination with typescript.
$PEE stands for PunkEtherEarn, which is my first freelance project in the cryptocurrency field. Starting with a friend who started a cryptocurrency project with a friend in Belgium, who eventually asked me to work as a freelance frontend developer for his cryptocurrency project with a cryptocurrency payment system. The freelance system offered is quite different, they want to see the website first, then revise it until the deal is finalized, and then the domain is purchased, after which I was paid in cryptocurrency.
This website was built as an educational exercise for the Nextjs and Tailwind CSS frameworks. I attempted to replicate the airbnb website with a minor change with Next.js and Tailwind CSS. I think both combination is a very powerful framework. After trying Next.JS, I no longer have to think about Routing, and I also learned the SSR, ISR, and CSR methods on this framework, which I believe are very important to understand. I also like Tailwind CSS because there is no need to move files to edit the style instead, it can be done directly in className. Tailwind CSS is the same as CSS in general, only abbreviated to make it easier to read, but I think inline css in className will make it harder for us to read code / change style.
This website arose from my boredom during the holidays. I had never created a blog before, so I decided to start one while honing my skills with frameworks React, Express and the MongoDB (MERN). This website is very simple, similar to a website medium, where we can see feeds or all blog posts, create posts with single images, update and delete posts, authentication, and user settings. The development of this application goes quite smoothly until, after the deployment, it is discovered that the image that I upload to the backend every 24 hours is reset because I use heroku. The first approach I took was to use base64 encode images and save them to MongoDB. However, this results in new issues such as longer loading times and decreased performance. I then attempted to add skeleton loading to make the loading process more realistic. Less than satisfied with the slow performance, I researched image storage and discovered that images should not be stored directly in the backend or in the database, necessitating the use of a third-party provider. I chose cloudinary and the results are quite satisfactory and until now I still use cloudinary.
In the fourth semester, I took Entrepreneurship and Software Engineering courses, which required me to form a team of three people and create a product for the course's final project. After forming a team of three people, I also advised them to use the concept of entrepreneurship in my second semester, which resulted in all members agreeing to continue and develop the project. The concept of this application is quite simple: it provides a bridge as a link between IT experts and lay / user with a consultation system that is paid per 30 minutes. We decided to build the application's frontend with HTML, CSS, and JS, and the backend with Flask and a Sqlite database.
This website is a project task assigned by Binus to students in the subject HCI (Human Computer Interaction), which consists of three people, one of whom is me. In this project, we must first design the user interface (UI) in Photoshop before creating the project in pure HTML, CSS, and Javascript. We divided the tasks and didn't know the scrum method at the time, so we only worked on what wasn't done. Finally, after the project was completed, I took the initiative to deploy the website using firebase hosting with the goal of making it easier to assess as well as a portfolio.
After learning the fundamentals of HTML and CSS, I decided to try to create an application that was unimaginable in my head. I immediately jotted down my ideas on notepad, and when looking for design references, I discovered Facebook's framework 'React.js'. This piqued my interest, and I decided which alarm clock project I would create using the 'React.js' framework. The process began, but I felt a little guilty for not thoroughly exploring the basic react first, and by the end of the day, I had gone back and forth to see the basic tutorial on the React.js framework. After finishing the application, I learned how to use git as a controlled version of the project I created, as well as how to deploy the website using netlify and firebase.
Making the PT RAJAWALI CAKRAWALA INDONESIA website was also my first part-time job as Tech Support. I was given the task of creating a website (company profile) for this company after being accepted. Knowing that PT. RCI already has a domain, I decided to build a website using the WordPress CMS and the Elementor plugin to make the design process easier. Making this website also sparked my interest in the field of web developers, at the same time, I was learning HTML bit by bit.
This is my first Python project. My goal in creating this software was to make it easier for me to get into the class (Zoom Meeting) at Bina Nusantara University, and I was also inspired to learn Python after watching the movie Start Up. In short, I used the binus API by sending a payload in the form of an email and password that can be used for authentication and then accessing the data / class of each. My algorithm is quite simple. first, we only need to login using Binus email and password, which will be saved into the txt file, eliminating the need to login repeatedly. Then this application will run directly at the click, with the rule: if there is a class at 07.20, we can enter the zoom / class before 07.20, but if we open the application again after 1 hour, the zoom link will change to a link in the class above 8.